우당탕탕 데이터 정복기

조합 선택자 기존의 여러 선택자를 복합적으로 조합하는 방법을 제공 후손 선택자: 선택자A 선택자B - 선택자B가 선택자A에 반드시 포합되어 있을 경우에 선택 자손 선택자: 선택자A> 선택자B - 부모 선택자 A의 직계 자손인 선택자 B를 선택 인접 형제 선택자: 선택자A+선택자B - 선택자 A 바로 다음에 위치한 선택자 B를 선택 일반 형제 선택자: 선택자A~선택자B - 선택자 A 뒤에 인접하여 나타나는 모든 선택자 B를 선택 그룹 선택자: 선택자A, 선택자B - 선택자 A와 선택자 B를 모두 선택 박스 모델의 개념 박스모델이란? 웹 문서에 텍스트, 이미지, 테이블 요소를 배치하기 위해 사용 웹 문서의 전체 레이아웃을 정의 각종 요소들을 원하는 위치에 배치 박스의 속성 content: 실제 내용이 표현되..

CSS3란? 스타일 시트 표준안 웹 문서에 글꼴, 색상, 정렬과 각 요소의 배치 방법 등과 같은 디자인 요소를 적용하는 데 사용 CSS3의 구성 선택자(Selector): 스타일 시트를 적용할 대상을 지정 예: h1 {color: blue; font-size: 12px;} CSS3가 필요한 이유? 문서 작성과 디자인을 분리 - 하나의 웹 문서에서 문서 작성은 HTML이, 디자인은 CSS가 담당 디자인을 분리했을 때 장점 1. 내용과 디자인 수정이 용이 2. 다양한 기능으로 확장 가능 3. 통일된 문서 양식 제공 4. 전송 및 로딩 시간 단축 CSS의 사용 위치 인라인 스타일 시트 내부 스타일 시트 외부 스타일 시트 CSS 적용 우선 순위 !important 사용 인라인 스타일 내부 스타일 외부 스타일(외..