DigIT의 DevLog & TechLog

[CSS]CSS selector 1. CSS selector(추가 내용) 기존의 태그 선택자,클래스 선택자,ID 선택자를 제외하고 전체 선택자와 복합 선택자, 그룹 선택자, 가상 클래스 선택자, 가상 요소 선택자 등이 존재 1-1. 전체 선택자(Universal Selector)(*) →모든 요소를 선택 가능 *{ color: blue; } 1-2. 복합 선택자(Combinators) 1-2-1. 후손 결합자(Descendant Combinator)(공백 사용) →특정 요소의 모든 후손 요소에 적용 div p { background-color: yellow; } 1-2-2. 자식 결합자(Child Combinator)(>) → 모든 후손 요소가 아닌 직계 자식 요소만 선택(중간에 Wrapper 요소가 있..

[CSS] 3. Introduction to CSS 03-1. CSS(Cascading Style Sheets) CSS: Markup 언어로 작성된 문서가 실제로 웹사이트에 표현되는 방법을 정해주는 언어 →HTML이 헤더, 문단, 테이블 등으로 정보를 조직화하는 구조를 제공한다면, CSS는 HTML이 아름다워 보이도록 스타일을 입히는 것 03-2. CSS 적용 CSS를 작성한 후 HTML에 적용되도록 반영 하는 방법은 3가지 Inline Style Style tag(Internal) CSS File 연결(External) 03-2-1. Inline Style 태그 style 속성에 직접 작성 But, 다음과 같은 단점 존재 코드 가독성 하락 유지보수 단점 03-2-2. style tag Inline St..