본문 바로가기

CSS3

[02] 스타일 시트 CSS Untitled Document.md 3분 : 제 2 장 CSS _04 CSS 란 무엇일까? 스타일시트는 HTML 로 작성한 문서를 실제 표시되는 방식을 기술한 언어입니다. 만일, 여러분이 HTML 을 이용하여 강아지를 그렸다고 생각해보세요.그 강아지의 꼬리가 얼마나 긴지, 그 강아지의 머리가 얼마나 작은지, 그 강아지의 몸집이 어느정도인지. 이런 것들을 기술할 수 있게 만든 언어가 바로 CSS 입니다.다시말해, 여러분이 뼈다귀를 그려놓고. 그 뼈다귀 위에 옷일 입혔습니다. 여기까지가 HTML 이라면, 그 옷의 크기가 어느정도인지, 무슨 색인지 등과 같은 속성을 넣어주는 것입니다.자, 정리를 해드리겠습니다. HTML, CSS 두가지가 하는 역할은 아래와 같습니다. HTML 뼈다귀에 옷을 입힌다. CSS .. 2016. 8. 28.
[CSS] 효율적인 CSS 작성 이 문서는 CSS 코드를 최적화하는 방법을 제공한다. 특히, 선택자를 효율적으로 작성하는 방법에 대해 집중적으로 다룰 것이다. CSS 명세는 브라우저가 어떻게 스타일 시스템을 구현하는지에 대해 정해두지 않았다. 이 때문에 브라우저마다 스타일 시스템 엔진이 다르다. 널리 사용되는 오픈소스 엔진인 Gecko와 Webkit은 비슷한 알고리즘으로 스타일 시스템을 구현하고 있으므로 장점과 단점이 비슷하다. 따라서 이 문서에 있는 팁은 실제 웹 문서에서 유용할 것이다. 첫번째 섹션에서는 일반적인 엔진이 CSS 규칙을 분류하는 것에 대해 논의한다. 이 다음 섹션에서는 이런 엔진의 특성으로부터 효율적인 스타일 규칙을 만드는 방법에 대해 이야기할 것이다. 스타일 엔진은 어떻게 스타일 규칙을 분류하는가 스타일 엔진은 다음.. 2015. 9. 2.
The Boat , Interaction Site http://www.sbs.com.au/theboat/ css, canvas, jquery 를 이용한 인터랙션 사이트 2015. 8. 19.
반응형