위에 예제를 태그연습장에서 실행시켜보면 같은 p태그 내에서도 class로 따로 스타일을 지정해준 곳은 해당 스타일이 적용되는 것을 볼 수 있습니다. 구체적으로 <p> 태그에서도 love와 story로 class를 지정해준 곳은 해당 지정 스타일인 love 의 경우 검정색과 글자크기 15px 이 적용이 되고 story 의 경우 하늘색과 글자크기 18px 이 적용되는 것을 볼 수 있습니다. 그리고 마지막 class를 지정해주지 않은 <p> 태그 부분은 원래의 <p>태그에 지정된 스타일이 적용되죠. 어때요? 이해되시죠?  여기서 class의 이름은(love , story)는 여러분들 맘에 드는 단어(한글도 가능)로 지정해주시면 됩니다. 단, 주의 할 점은 head 부분에 들어가는 class 이름과 태그에 들어가는 클래스 이름이 반드시 일치해야만 해당 스타일이 적용됩니다. 음..... 그리고 중요한 게 하나 있는데....head 부분에 지정되는 class 이름 앞에 . ☜ 점을 꼭 해주어야 합니다. 만약 점(.)을 해주지 않으면 그 뒤에 오는 class 이름을 태그로 인식을 합니다. 그러면 당연히 해당 스타일 시트가 적용되지 않고 의도한 바와는 다른 엉뚱한 결과가 나오게 되겠죠.  점(.)을 안 해주는 경우에 대해선 좀 있다가 배우도록 하고요.........
  그럼 이번에는 class를 지정해주는 방법 중 하나인데....... 헉 o.0 ;; 그런데 벌써 스크롤 바가 상당부분 하단으로 내려와 있네요...^^> 웹디자인의 기본원칙 중에 하나의 페이지에 너무 많은 글을 적지 말라는 말이 있는데요.....왜냐면 너무 많은 글을 적게 되면 그 글을 읽는 사람들이 읽다가 질려버린다고 하더군요...  맞는 말인거 같아요... -_-;;; 태그매니아 홈페이지는 글자가 넘 많은 거 같테..... 근데...그건 자세히 설명 하다보면 어쩔 수 없이 늘어나게 되더군요. 이해해주시길..... 대신 이렇게 질렸다 싶을 때 다음 페이지로 넘어 가게 하고 있답니다...... 핫핫 ^^ 다음 페이지에서 이어 계속 설명드리도록 하겠습니다.