你好,欢迎访问远方教程PC版!
广告位招租

DIV+CSS网页布局技巧20例(第7页)

[日期:2015-01-29]   来源:远方教程  作者:远方教程   阅读:16619次[字体: ] 访问[旧版]
 捐赠远方教程 

  DIV+CSS网页布局技巧实例13:不需要给背景图片路径加引号

  为了节省字节,我建议不要给背景图片路径加引号,因为引号不是必须的。例如:

background:url("images/***.gif") #333;
可以写为

background:url(images/***.gif) #333;
如果你加了引号,反而会引起一些浏览器的错误。

  DIV+CSS网页布局技巧实例14:组选择器

组选择器(Group selectors)

当一些元素类型、class或者id都有共同的一些属性,你就可以使用组选择器来避免多次的重复定义。这可以节省不少字节。


例如:定义所有标题的字体、颜色和margin,你可以这样写:

h1,h2,h3,h4,h5,h6 {
font-family:"Lucida Grande",Lucida,Arial,Helvetica,sans-serif;
color:#333;
margin:1em 0;
}
如果在使用时,有个别元素需要定义独立样式,你可以再加上新的定义,可以覆盖老的定义,例如:

h1 { font-size:2em; }
h2 { font-size:1.6em; }

图片展示
 
相关评论
站长推荐