CSS也要语义化(2)

来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-02 06:15 点击:
  1. 改变表现的时候必须动到html,一次美观上面的修改要动到三条工作线,极大的人力资源耗费。
  2. 会出现排在第五个的叫做“first”的框
  3. 会出现实际为240宽的叫做“180宽”的框
  4. 会出现实际为三列的叫做“四列”的布局
  5. 会出现实际为红色的叫做“blue”的字

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

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

HTML片断
  1. <div id="index_news" class="mode">
  2. <h3 class="title">公益新闻</h3>
  3. <div class="content">
  4. <ul>
  5. <li><a href="#">新闻标题,新闻标题,新闻标题,新闻标题</a></li>
  6. <li><a href="#">新闻标题,新闻标题,新闻标题,新闻标题</a></li>
  7. <li><a href="#">新闻标题,新闻标题,新闻标题,新闻标题</a></li>
  8. <li><a href="#">新闻标题,新闻标题,新闻标题,新闻标题</a></li>
  9. <li><a href="#">新闻标题,新闻标题,新闻标题,新闻标题</a></li>
  10. <li><a href="#">新闻标题,新闻标题,新闻标题,新闻标题</a></li>
  11. <li><a href="#">新闻标题,新闻标题,新闻标题,新闻标题</a></li&g
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • 扎实基础 9则css网页制作技巧
  • CSS设计符合Web标准的网页表单的几个技巧
  • 技巧:css星级效果总结
  • 用CSS建设网站的实例(9)
  • 提高网站性能:JavaScript+CSS优化的建议(3)
  • CSS制作网页实例:用CSS控制li标记样式
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1