Whiteship's Note

Chapter 9. Minimizing Markup

View/HTML/CSS : 2008.03.23 15:24


태그 최소화 하기

Descendant Selectors

<div id="sidebar">

<h3>About This Site</h3>

<p>This is my site.</p>

<h3>My Links</h3>

<ul>

<li><a href="archives.html">Archives</a></li>

<li><a href="about.html">About Me</a></li>

</ul>

</div>

#sidebar h3 {

font-family: Georgia, serif;

color: #c63;

border-bottom: 1px solid #ccc;

}



#sidebar ul {

list-style-type: none;

}



#sidebar li {

font-weight: bold;

}
  • 하위 태그들의 스타일을 위와 같이 정의하면, 하위 태그들에 굳이 class 속성을 추가하지 않아도 된다.

The Unnecessary <div>

<ul id="nav">

<li><a href="archives.html">Archives</a></li>

<li><a href="about.html">About</a></li>

</ul>
  • block 엘리먼트는 굳이 div로 감싸서 스타일을 적용할 필요가 없다.

'View > HTML/CSS' 카테고리의 다른 글

[CSS]그라데이션 배경 사용하기  (2) 2009.05.22
XPath Path Expression 문법  (0) 2009.05.15
Chapter 14. Image Replacement  (0) 2008.03.31
Chpater 13. Styling Text  (0) 2008.03.31
Chapter 10. Applying CSS  (0) 2008.03.26
Chapter 9. Minimizing Markup  (0) 2008.03.23
Chapter 8. More Lists  (0) 2008.03.23
Chapter 7. Anchors  (0) 2008.03.23
Chapter 6. Strong, EM and Other Phrase Elements  (0) 2008.03.23
Chapter 5. Forms  (0) 2008.03.23
Chapter 4. Quatations  (0) 2008.03.23
top




: 1 : ··· : 5 : 6 : 7 : 8 : 9 : 10 : 11 : 12 : 13 : ··· : 18 :





티스토리 툴바