jinseon's log

✔ 캐스케이딩 - HTML의 요소들에 대해 CSS로 스타일을 지정해줄 때, 하나 이상의 스타일에 영향을 받을 수 있기 때문에 어떤 스타일을 적용 받을지에 대한 우선순위를 결정하는 것 ✔ CSS의 우선순위를 결정하는 요소 1) 순서 2) 디테일 3) 선택자 1️⃣ 순서에 의한 캐스케이딩 - 위에서 아래로 읽기 때문에 나중에 적용한 속성값의 우선순위가 높음 2️⃣ 디테일에 의한 캐스케이딩 - 더 구체적으로 작성된 (부모 자식 관계가 명료한) 선택자의 우선순위가 높음 3️⃣ 선택자에 의한 캐스케이딩 - 선택자도 마찬가지로 구체적인 것부터 우선 적용됨 - style > id > class > type - style : 태그 안에 작성한 만큼 가장 구체적 - id : 태그 하나만을 유일하게 지정 - class :..

✔ 선택자 (Selector) - HTML의 어떤 요소에 CSS를 적용할 것인가를 지정하는 하나의 표현 1️⃣ Type Selector // Type Hello World - Type == 태그의 이름 - 특정 태그에 스타일 적용 🤔 스타일 적용을 원하지 않는 부분에도 적용될 수 있음 => 태그는 여러 번 사용되기 때문 2️⃣ Class Selector // Class Hello World - Class : 유사한 기능을 담당하는 태그들을 묶어줌 - 해당 태그의 열린 태그 안에 작성 - (.)은 Class를 의미 - 같은 Class로 지정된 태그들에 대해서만 스타일 지정 3️⃣ ID Selector // ID Hello World - ID : 특정 태그를 단 하나만 지정 => 유일함 - (#)은 ID를 ..

✔ CSS (Cascading Style Sheet) - 정보(HTML)와 디자인(CSS)의 분리 => 디자인 담당 - 문서의 레이아웃과 스타일 정의 - HTML로 작성된 정보를 꾸며주는 언어 ✔ CSS 구성 요소 선택자 { 속성 : 속성값;} - 선택자 - 디자인을 적용할 HTML 영역 - 속성 - 적용할 디자인 정의 - font-size : 폰트 사이즈 - font-family : 글꼴 - color : 폰트 색깔 - background-color : 배경색 - text-align : 텍스트 정렬 방식 - 속성값 - 수행할 역할을 구체적으로 명령 - 세미콜론(;) 필수 입력 ✔ CSS 연동 방법 1️⃣ Inline Style Sheet coding 101 - 태그 안에 직접 원하는 스타일 적용 - 태..