HTML (6) 썸네일형 리스트형 CSS-Cascading CSS 에서 Cascading의 의미 Cascade의 사전적 의미는 폭포라는 의미 여러가지 스타일이 적용될때 위에서 아래로 단계적으로 적용 Cascading 우선순위 - 스타일 규칙의 중요도, 적용범위에 따라 우선순위 적용 상속 - 태그들의 관계에 따라서 부모 요소의 스타일이 자식요소로 전달 원칙. !important 사용시 사용자 스타일시트 우선 선택자 우선순위를 계산하여 값이 높은 순서대로 적용한다. 가장 마지막에 지정된 스타일을 우선적으로 적용한다. 1. !important 사용시 작성자측의 스타일시트보다 사용자 측의 스타일시트를 우선적으로 적용함 CSS-선택자(Selector) 태그 선택자 특정 태그를 사용한 모든 요소에 스타일이 적용 클래스 선택자 요소의 특정 부분에 스타일 적용 마침표(.)다음에 클래스 이름으로 선택 같은 클래스를 여러번 사용 가능 ID선택자 요소의 특정 부분에 스타일 적용 해시기호(#) 다음에 id 이름으로 선택 ID는 유일하게 한번 사용(클래스 선택자와의 차이) 그룹 선택자 (여러 조합) 같은 스타일을 사용하는 선택자를 한꺼번에 나열 쉼표(,)로 구분 CSS CSS를 사용하는 이유 많은수의 웹페이지를 동시에 관리할 수 있다.(많은 일을 절약) - 웹 표준인 CSS 이전에는 HTML 문서에 모든 디자인도 함꼐 표현 - html 과 css가 분리됨에 따라서 내용 수정없이 디자인만 수정 가능 (예: CSS Zen Greaden) 웹 사이트의 스타일을 일관성 있게 유지한다. - 유지 보수 또한 쉬워짐 다양한 기기에 맞추어 반응하는 문서를 만들 수 있다. - 스마트폰 브라우저 등 다양한 기기에 맞는 레이아웃을 만들 수 있다. HTML 입력 - FORM(폼) 이미지와 미디어 IMG, AUDIO, MP4 Audio 태그 IFRAME 블록태그와 인라인 이전 1 다음
