css의 이해

1. css란

html의 디자인적 tag를 이용하는 것보다 디자인에 특화된 새로운 언어를 만드는 것이 효율적이고 따라서 그 언어가 바로 css인 것

 

2. css의 해석

 

예제1=style tag

 

예제 1의 경우

사용자는 Web browser에게 html의 언어로 "style tag 안에 있는 것은 css니까, 너는 그 안에 있는 내용을 a라는 tag에 css의 문법에 맞게 해석하고 적용시켜야 해"라고 말하는 것이다.

이경우 a는 css의 효과를 누구에게 줄 것인지 선택한다는 의미에서 selector(선택자)라고 부르며 그 selector에게 지정될 효과(color=red;)를 declaration(선언,효과)이라고 한다.

 

예제2=style attribute

 

예제 2의 경우

body tag 안의 2번째 list  tag에 있는 ★="☆"은 html의 속성을 의미하는 것으로 ★의 자리에 style을 쓰게 되면 

☆안에 값으로 반드시 css의 효과가 들어오며 style 안의 효과를 css의 문법으로 해석하여 style 속성이 위치하고 있는 tag에게 적용하라고 Web browser에게 말하는 것이다.

이경우에는 본래의 의미 자체에 declaration를 적용할 대상이 정해져 있기 때문에 예제 1의 selector(선택자)가 필요 없는 것이다.