热门关键字:  PHP  seo  Cisco  网络广告 虚拟主机 中文域名
当前位置 :| 主页>网页设计>Html/Css>

网站重构 CSS样式表的优化与技巧

来源:木木0817 作者:LinHan 时间:2006-11-10 点击:

六.不需要重复定义可继承的值

  CSS中,子元素自动继承父元素的属性值,象颜色、字体等,已经在父元素中定义过的,在子元素中可以直接继承,不需要重复定义。但是要注意,浏览器可能用一些默认值覆盖你的定义。

  七.最近优先原则

  如果对同一个元素的定义有多种,以最接近(最小一级)的定义为最优先,例如有这么一段代码

  Update: Lorem ipsum dolor set

  在CSS文件中,你已经定义了元素p,又定义了一个classupdate

以下是引用片段:
  p {
  margin:1em 0;
  font-size:1em;
  color:#333;
  }
  .update {
  font-weight:bold;
  color:#600;
  }

  这两个定义中,class=update将被使用,因为class比p更近。你可以查阅W3C的《 Calculating a selector’s specificity》 了解更多。

  八.多重class定义

  一个标签可以同时定义多个class。例如:我们先定义两个样式,第一个样式背景为#666;第二个样式有10 px的边框。

精彩推荐
Javascript 小技巧全集 如何在 PHP 中使用正则表达式
以下是引用片段:
  .one{width:200px;background:#666;}
  .two{border:10px solid #F00;}

  在页面代码中,我们可以这样调用

  这样最终的显示效果是这个div既有#666的背景,也有10px的边框。是的,这样做是可以的,你可以尝试一下。


最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
赞助商连接