위에 예제를 보면 알 것 같다 하시는 분들은 태그를 열심히 배우신 분일 것이고 모르겠다 하시는 분들은 그렇지 않은 분일 겁니다. 하나 하나 설명해드리자면 <style type="text/css"></style>은 당근 스타일 시트를 나타내줄 때 적어주는 거죠. 자바 스크립트와 같은 방법이죠. 그리고 <!-- -->의 경우 주석문이고요.... 주석문은 스타일 시트를 지원하지 않는 브라우져에 대해서 스타일 시트 소스가 브라우져에 표현되는 걸 막아주는 역할을 하죠.
  h1 { color : red ; font-size : 14px; font-family : 돋움체; } ☜ 이것은 <h1><h1> 태그 내에 있는 텍스트 기타 요소에 대해서 색은 빨간색, 글자크기는 14px , 글자체는 돋움체로 하라는 것이죠. 이해되시죠?  마찬가지로.....
 b { background : green; font-size : 10px; } ☜이것의 경우는 <b></b> 태그 내에 있는 요소에 대해서 배경색은 녹색, 글자크기는 10px 로 하라는 의미죠. 그런데 여기서 주의 깊게 볼 것이 있습니다. 위의 스타일 시트의 경우 해당 태그내의 요소에 대한 속성을 정해주는 것이죠. 쉽게 말해서.. 해당태그 { 속성:지정; 속성:지정; 속성:지정; } ☜이런 식입니다. 속성지정과 속성지정 사이마다  ; ☜이 표시를 해준다는 것 , 그리고 color : red 이런 식으로 중간에  : ☜이 표시가 들어간다는 것 반드시 기억하시기 바랍니다. 흠.....^^ 간단하게 설명한다는게 설명이 조금 길어졌네요^^ 
 
  아 ~ ! 그리고 배울게 또 하나 더 있다. 바로 '상속성' 이라는 건데요. 상속이 뭔지는 아시죠?  부모님으로부터 재산을 물려 받을 때 상속받는다고 하는데......참고적으로 우리나라의 가족법상 상속비율은 배우자 1.5 , 자녀들은 아들 딸 구별없이 똑같이 1 의 비율로 상속을 받습니다. 그냥 참고적으로 알고 계시길..... 흠... 계속 이어서 스타일 시트의 상속성에 대해서 이야기 하겠습니다. 스타일 시트에서 상속성이란 ... 흠...뭐라 설명해야 되나??  굳이 표현을 하자면 스타일 시트로 지정된 해당 태그 내에 다른 태그에 대해서도 지정된 스타일 시트의 속성이 적용되는 것을 말합니다. 이해 되세요? 뭔 소리인지 모르는 분들이 더 많을 것 같아 한가지 예를 들어 설명 드리겠습니다.  

 위에 예제를 보면 <u></u>태그에 대해서 스타일 시트를 지정해 주었죠. 색은 빨간색, 글자체는 돋움체로 지정해주었는데.....예제를 보면 <u></u>태그 내에 있는 <b></b>태그에 대해서까지 그 속성이 적용되죠.  이걸 바로 스타일 시트의 상속성이라고 합니다. 어때요? 간단하죠? 이것은 주로 어디에 많이 쓰냐면 은요....해당 웹페이지 전체에 공통적으로 해당되는 속성을 지정해 줄때 사용됩니다. body { font-size : 13px; } ☜이런 식으로 하면 해당 웹페이지의 글자크기가 모두 13px가 된답니다. 그렇다면 여기서 의문점이 하나 생기죠? 만약 위와 같이 설정한 웹페이지에서 글자크기가 다른 글자를 표현할려면  어떻게 해야 할까요? 쉽게 말해서 모두 글자크기가 13px인데 그 중 일부분을 15px로 해주고 싶다면...?  거 역시 간단하죠.....아래 예제를 보면 바로 이해가 되실 겁니다.

 어때요? 일부분(b 태그)에 대해서 정의를 해주면 간단하게 해결되죠? 일단 선행태그에 의해 상속이 되어도 일부분에 대해서 따로 지정을 해주면 그 부분에 대해선 따로 지정된 속성이 지정되게 되는 거죠. 그렇지만 따로 지정되지 않은 사항에 대해선 그대로 상속이 된답니다. 
  기본적인 사용방법 설명하기로 했는디.....원리와 상속성 설명하다보니 한 페이지가 벌써 다 차버렸네요...^^ 어쩔 수 없이 다음 페이지에서 이어서 설명드리져..^^