CSS
CSS ( Cascading Style Sheet ) 이해
워드프로세스의 스타일 적용과 유사
cascading :
‘계단형’ 의 의미로 스타일 적용에 특정도, 또는 우선순위가 있고 우선 순위가 정해지는 것이 계단식 스타일 시트라는 의미
필요한 이유 :
- HTML에 직접 스타일을 적용함으로써 생기는 HTML문서 자체의 무거움을 줄일 수 있다.
- 하나의 스타일로 다수 의 페이지에 같은 속성을 적용 함으로써 작업시간 단축
- 웹 표준의 원칙 : HTML 마크업을 통해 구조를 잡고, CSS로 디자인을 입힘
CSS 진화과정
W3C을 통해 표준 관리
현재 최신 브라우저는 정부 CSS2 규격을 준수
CSS3 도 표준안이 완성되었고 대부분 브라우저에 지원 ( 완벽하게 지원 X )
발전 과정
- CSS1 : 1996년 W3C에 의해 공식 발표. 단순한 글꼴 정의, 텍스트 정렬, 마진값에 대한정의 ( 넷스케이프 4, IE3, 4)
- CSS2 : 1998년 발표 거의 모든 브라우저에서 채택. 현재 사용하는 CSS에 모든 규격이포함.
2006년 CSS2.1 발표로 여러 버그가 수정 되었고 현재 모든 브라우저가 지원하고 있다.- CSS3 : 2005년 부터 개발중에 있으며 아직 W3C 권고안은 발표되지 않았으나 모바일중심으로
빠르게 채택되어 이미 쓰여지고 있다
CSS 와 HTML의 상호 작용
초창기 CSS없는 HTML에서는 태그가 지정한 용도가 아닌 다른 용도(레이아웃 잡거나 표현을 위한 용도
로 사용 -> HTML문서 자체가 비대해짐 -> 네트워크 부담, 관리 부담
W3C 웹 표준 권고 ( HTML + CSS 분리 )
웹 페이지 = HTML + CSS + JavaScript
유연한 CSS 와 HTML 상호작용
HTML 뼈대 (구조) 변경없이 CSS만의 변경을 통해서 전체적인 디자인을 변경이 가능
예시 사이트 : http://www.csszengarden.com
