[CSS] CSS란 무엇인가?

[CSS] CSS란 무엇인가?

HTML 웹 문서 뼈대　

= 텍스트나 이미지, 표 같은 요소(Element)를 만듦

CSS  웹 문서의 디자인 

= 텍스트 색상이나 크기, 이미지 크기나 위치, 표 색상, 배치 방법 등

 

내용(Contents)은 건드리지 않은 상태에서 CSS를 통해

디자인만 바꾸어 완전히 다른 느낌의 문서로 만들 수 있다.

[동일한] HTML(뼈대, 내용)에 [다른] CSS(디자인) 느낌을 주는 사이트

CSS Zen Garden: The Beauty of CSS Design

 

 

과거에는 Flash나 ActiveX 같은 플러그인을 사용해야만 했지만 

현재는 HTML5와 CSS3를 통해서도 충분히 반응형 웹사이트를 만들 수 있다.

예시: 마우스 휠에 반응하는 사이트

Blue Spider Global | SEO | Web Development | Mobile Applications | Costa Rica

 

CSS 다루기 쉽지 않다.

- 브라우저 호환성

: Browser Engine 마다 다른 설정이 필요.

( -webkit / -moz / -ms / -o )

 

- Error 표시 X 

: 변수를 이용하지도 않기 때문에 디버깅이 어렵다.

: 우선순위가 잘못 선정하면 다시 구조화 하기 어렵다.

그렇기에 경험치가 중요하다.