나다이_꾸준히걷기

CSS 개요: 선언 방식 내장 방식 : 의 내용(Contents)으로 스타일을 작성하는방식 링크 방식 : 로 외부 CSS 문서를 가져와서 연결하는 방식 : 병렬 연결 방식 main.css 파일 div{ color: red; margin: 20px; } 인라인 방식 : 요소의 style 속성에 직접 스타일을 작성하는 방식(선택자 없음) : 우선순위가 너무 앞서있어서 유지보수가 쉽지 않음 @import 방식 : CSS의 @import 규칙 으로 CSS 문서 안에서 또 다른 CSS 문서를 가져와 연결하는 방식 : 직렬 연결 방식 main.css 파일 @import url("./box.css"); div{ ... } box.css 파일 .box{ background-color: red; padding: px; }

글자와 상자 : 요소가 화면에 출력되는 특성, 크게 2가지로 구분. 1. 인라인(Inline) 요소 : 글자를 만들기 위한 요소들. 2. 블록(Block) 요소 : 상자(레이아웃)를 만들기 위한 요소들. 태그 : : 대표적인 인라인 요소 : 본질적으로 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 용도. : 요소가 수평으로 쌓임 : 인라인 요소는 포함한 콘텐츠 크기만큼 자동으로 줄어듬(가로, 세로 모두) : style의 width (요소의 가로길이), height (요소의 세로길이) : span 태그에 css 속성을 설정해줘도 글자는 가로 세로 높이를 가질수 없으므로 변화하지 않는다. : style의 margin (요소의 외부 여백을 지정하는 css속성) : style의 padding (요소의 내부 여..