CSS编写经验谈:常用的10个CSS类名

  <img src="/images/img_me.jpg" alt="my funny face" />
 This is me trying to look cool!
 
 The rest of the content here
 ...

6. class=”inner”

inner也是经常使用的class，而且大部分上是用来制造视觉上的额外效果，用来给嵌套在容器里的子容器定义样式（比如制作双背景图片效果）。

<div id="container">
 <div class="inner">
 
 </div>
</div>

7.class=”link”

link跟image类似，我用来嵌套一个A标签，最经常用来制作”Read More”链接：

<p class="link"><a href="#">Read more...</a></p>

8.class=”one”, class=”two”, class=”three”…

 这些class用在需要区别每个子元素的列表项，比如用移动背景图片来制作导航菜单：

 <ul>
 <li class="one"><a href="#">Home</a></li>
 <li class="two"><a href="#">About</a>
 ...</li>
</ul>

 9.class=”even”, class=”odd”

用来实现隔行换样式，一般用在表格和列表：

 <ul>
 <li class="even">Content</li>
 <li class="odd">Content</li>
 <li class="even">Content</li>
 <li class="odd">Content</li>
</ul>

表格里：

<table>
 <tr class="even">
  <td>Content</td>
  <td>Content</td>
 </tr>
 <tr class="odd">
  <td>Content</td>
  <td>Content</td>
 </tr>
 <tr class="even">
  <td>Content</td>
  <td>Content</td>
 </tr>
 <tr class="odd"

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!