CSS也要语义化

作者佚名技术来源 CSS技术浏览发布时间 2012-03-03

出现排在第五个的叫做“first”的框

会出现实际为240宽的叫做“180宽”的框

会出现实际为三列的叫做“四列”的布局

会出现实际为红色的叫做“blue”的字

这些也就是相当于现在很多人流行的“left_box”和“right_box”，快速改版以后变成了在左边的“right_box”。这不就是相当于歪曲事实的真理么？但其实最重要的是第一点，这样的工作方式和我们以往的table布局工作方式有差别么？你提个改个样式需求，全公司（设计、页面、开发、功能测试、CE数据监测）都跟着你去跑，这是很不智的。

写到这里回看下，顺带改了改标题变成《这将是一场革命》系列的第二篇关于CSS的文章算了。上面说完不对的，下面给大家看看一个我最近刚接手的一个新版项目代码段：

HTML片断



    <div id="index_news" class="mode"> 
    <h3 class="title">公益新闻</h3> 
    <div class="content"> 
    <ul> 
    <li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li> 
    <li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li> 
    <li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li> 
    <li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li> 
    <li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li> 
    <li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li> 
    <li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li> 
    <li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li> 
    </ul> 
    </div> 
    <a class="more" href="#">更多</a> </div>

CSS片断



    .mode{ 
    position:relative; 
    float:left; 
    font-size:12px; 
    } 
    .mode h3.title, 
    .mode h4.title{ 
    color:#234C00; 
    padding:5px 10

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

分享到：更多

你可能对下面的文章感兴趣

上一篇: CSS教程：vertical-align的值下一篇: CSS样式表渐进增强的应用

关于CSS也要语义化的所有评论

随机推荐