代码笔记

写出更好的网页CSS代码的一些经验(2)

阅读

四、不要让属性堆积在一起,虽然节约了一些大小,但并不利于代码的维护!

  div#top h1 {border-bottom: 1px solid #ccc;color: #333;display:block;font-size: 18px;line-height: 26px;margin-right: 30px;position: relative;width:140px;z-index: 101;}

这样虽然会减少你的代码行数!但是要维护代码,是不是有点麻烦?   其实这只是习惯,大部分用dw写代码的,或许还是会选择一行一行的。

五、多多考虑一条属性的重复利用率!这样你的CSS会更加简洁!不要让相同的属性出现在不同的标签三次以上!

.nav{color:#666;}

.menu{color:#666;}

.bot{color:#666;}

为何不这么写呢?

.nav,.menu,.bot{color:#666;}

多个标签共用一个定位图:

.ad1,
.ind1 .dsp,
.ind1 .lt1 .new1,
.new2,
.new3,
.ind1 .rt1 .wd1,
.book,
.book .sd01{background: url(../pic/bg.png); background-repeat: no-repeat;}

剩下的只需要在标签里写定位,就ok了!


  • 共3页:
  • 上一页
  • 1
  • 2
  • 3
  • 下一页

  • 推荐阅读

    CSS背景过滤器“backdrop
    CSS背景过滤器“backdr...
    解决IE8及以下版本不支持
    解决IE8及以下版本不支...
    关于position的fixed属性失
    关于position的fixed属性失...
    用CSS3的rem设置字体大小
    用CSS3的rem设置字体大小...