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
'개발일지 > 웹개발' 카테고리의 다른 글
| 구글 웹폰트 입히기 (0) | 2022.06.29 |
|---|---|
| 자주 쓰이는 CSS 연습하기 (0) | 2022.06.29 |
| 로그인 HTML 만들기 (0) | 2022.06.28 |
| HTML, CSS 기본 내용 (0) | 2022.06.28 |
| 서버/클라이언트/웹의 동작 개념 (0) | 2022.06.28 |
