<b>网站建立之高手传授CSS本领[1]</b>[网站美工]
本文“<b>网站建立之高手传授CSS本领[1]</b>[网站美工]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：
1、利用css缩写
利用缩写可以帮忙削减你CSS文件的大小,越发简单阅读.css缩写的主要法则请参看《常用css缩写语法总结》,这里就不展开描写.
2、明肯定义单位,除非值为0
忘掉定义尺寸的单位是CSS新手广泛的错误.在HTML中你可以只写width="100",但是在CSS中,你必须给一个精确的单位,比方:width:100px width:100em.只有两个例外情形可以不定义单位:行高和0值.除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格.
3、辨别大小写
当在XHTML中利用CSS,CSS里定义的元素名称是辨别大小写的.为了避免这种错误,我倡议全部的定义名称都采取小写.
http://www.mscto.com
class和id的值在HTML和XHTML中也是辨别大小写的,假如你一定要大小写混合写,请细心确认你在CSS的定义和XHTML里的标签是一致的.
4、撤消class和id前的元素限定
当你写给一个元素定义class大概id,你可以省略前面的元素限定,因为ID在一个页面里是唯一的,而clas s可以在页面中多次利用.你限定某个元素毫无意义.比方:
div#content { /* declarations */ }
fieldset.details { /* declarations */ }
可以写成
#content { /* declarations */ }
.details { /* declarations */ }
这样可以节俭一些字节.
5、默许值
普通padding的默许值为0,background-color的默许值是transparent.但是在差别的浏览器默许值大概差别.假如怕有冲突,可以在款式表一开始就先定义全部元素的margin和padding值都为0,象这样:
* {
margin:0;
padding:0;
}
6、不需求反复定义可担当的值
CSS中,子元素自动担当父元素的属性值,象颜色、字体等,已经在父元素中定义过的,在子元素中可以直接担当,不需求反复定义.但是要注意,浏览器大概用一些默许值覆盖你的定义.
7、近来优先原则
假如对同一个元素的定义有多种,以最接近(最小一级)的定义为最优先,比方有这么一段代码
http://www.mscto.com
Update: Lorem ipsum dolor set
http://www.mscto.com
在CSS文件中,你已经定义了元素p,又定义了一个class"update" http://www.mscto.com
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》 理解更多.
8、多重class定义
http://www.mscto.com
一个标签可以同时定义多个class.比方:我们先定义两个款式,第一个款式后台为#666;第二个款式有10 px的边框.
.one{width:200px;background:#666;}
.two{border:10px solid #F00;}
在页面代码中,我们可以这样调用
<div class="one two"></div>
这样终究的显示效果是这个div既有#666的后台,也有10px的边框.是的,这样做是可以的,你可以尝试一下.
以上是“<b>网站建立之高手传授CSS本领[1]</b>[网站美工]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：
| 本文地址： | 与您的QQ/BBS好友分享! |
- 好的评价 如果您觉得此文章好，就请您
0%(0) 
- 差的评价 如果您觉得此文章差，就请您
0%(0) 
中查找“<b>网站建立之高手传授CSS本领[1]</b>”更多相关内容
中查找“<b>网站建立之高手传授CSS本领[1]</b>”更多相关内容