<style> 와 </style> 태그 사이에 있는 문장이므로 CSS 라는 것을 아실 테고

문제는 .leading200 { line-height: 200% } 이헐게 쓰여진 부분들 이겠죠?

 

첫째

.leading200 는 클래스라는 것으로 쉽게 설명하면 그룹을 설정하는 겁니다.

마치 ’병아리반’, ’개나리반’하듯이 그룹을 나누는 겁니다.

html본문에서 사용할 때에는 <table class=leading200> 라고 사용합니다.

그러면 미리 정해놓은 스타일이 적용되는 거죠

똑같은 스타일을 사용하게 될 태그가 여러개 있다면 이 방법이 매우 편리합니다.

 

둘째

{ 와 } 는 그룹을 구분하는 표시입니다. 그냥 괄호죠

 

셋째

line-height 는 스타일의 항목입니다.

예를 들어 머리색이 빨강색이라고 할 것인지 웃도리가 빨강색이라고 할 것인지 알아야 색을 적용할 수 있지않습니까. 그 대 상을 말하는 겁니다.

클래스는 사용자가 마음대로 이름지을 수 있지만 이 항목은 정해진 것만 사용해야 합니다.

(너무 당연한 야그를 하는 거 안니감~~~^^;.......)

 

넷째

200% 는 그 대상의 성격이죠.

셋째가 대상(머리, 웃도리)이면 넷째는 속성(색상, 모양, 위치)을 설정합니다.

 

다섯째

: 는 셋째와 넷째를 구분하는 표시입니다.

 

그리고

올리신 코드는 줄간격을 설정해 놓은 것으로서

줄간격은 line-height 이라 명칭하는 것이고

각각 200%, 180%, 150%, 100% 의 네가지 줄간격을 설정하고 있는 겁니다.

또한 각각의 이름을 부여하고 있고요.

 

아마도 줄간격이 200%인 것은 제일 큰 제목이나 문단에 사용하고,

줄간격이 100% 인것은 본문에 사용하기 위한 코드라고 생각합니다.

 

<style><!--

 

.leading200 { line-height: 200% }

 

.leading180 { line-height: 180% }

 

.leading150 { line-height: 150% }

 

.leading100 { line-height: 100% }

 

-->

 

</style>