개발일지/웹개발
CSS 기초
E-room
2022. 6. 28. 22:19
728x90
HTML 부모 - 자식 구조
HTML 태그는 "누가 누구 안에 있느냐" 를 이해하는 것이 가장 중요하다.
나를 감싸고 있는 태그가 바뀌면, 그 안의 내용물도 모두 영향을 받는다.
빨간색 div 안에, 초록색/파란색 div가 들어있다.
아래와 같은 상황에서 빨간색 div를 가운데로 옮기면, 내용물인 초록색/파란색 div도 모두 함께 이동한다.
즉, 박스를 옮기면 안의 내용물도 함께 옮겨지는 것과 같은 원리.
같은 원리로, 초록색 div의 글씨색을 바꾸면, 나는 버튼1의 글씨색도 바뀌게 된다.
css 기초
CSS 사용법
<head> ~ </head> 안에 <style> ~ </style> 로 공간을 만들어 작성.
ex)
배경관련 : background-color, background-image, background-size
사이즈 : width, height
폰트 : font-size, font-weight, font-family, color
간격 : margin, padding
728x90