脚本宝典收集整理的这篇文章主要介绍了一些很不错的css技巧,但也常为人们所忽略,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
一.区分大小写
当在XHT
ML中使用CSS,CSS里定义的元素名称是区分大小写的。为了避免这种错误,我建议所有的定义名称都采用小写。
二.不需要给背景图片路径加引号
为了
节省字节,我建议不要给背景图片路径加引号,因为引号不是必须的。例如:
background:url("images/***.gif")&nbs
p;#333;
可以写为
background:url(images/***.gif) #333;
如果你加了引号,反而会引起一些浏览器的错误。
三.用正确的顺序指定链接的样式
当你用CSS来定义链接的多个状态样式时,要注意它们书写的顺序,正确的顺序是::link :vis
ITed :hover :active。抽取第一个字母是"LVHA",你可以记忆成"LoVe
hate"(喜欢讨厌)。
四.清除浮动
一个非常常见的CSS问题,定位使用浮动的时候,下面的层被浮动的层所覆盖,
或者层里嵌套的子层超出了外层的范围。
通常的解决办法是在浮动层后面添加一个额外元素,例如一个div或者一个
br,并且定义它的样式为clear: both。这个办法有
一点牵强,幸运的是还有一个好办法可以解决,参看这篇
文章《How To Clear Floats Without Structural 
;markup》(注:本站将尽快
翻译此文)。
上面2种方法可以很好解决浮动超出的问题,但是如果当你真的需要对层或者层里的对象进行clear的时候怎么办?一种
简单的方法就是
用Overflow属性,这个方法最初的发表在《Simple Clearing of Floats》,又在《Clearance》和《Su
PEr simple clearing floats》中被广泛讨论。
上面那一种clear方法更适合你,要看具体的情况,这里不再展开论述。另外关于float的应用,一些优秀的文章已经说得很清楚,推荐你阅读:《Floatutorial》、《Cont
aining Floats》和《Float Layouts》
五.横向居中(
centering)
这是一个简单的技巧,但是值得再说一遍,因为我看见太多的
新手问题都是问这个:CSS如何横向居中?你需要定义元素的
宽,并且定义横向的m
argin,如果你的布局包含在一个层(容器)中,就象这样:
body {
text-align:center;
}
#wrap {
width:760px; /* 修
改为你的层的宽度 */
mar
gin:0 auto;
text-align:left;
}
六.调试技巧:层有多大?
当调试CSS发生错误,你就要象排版工人,逐行分析CSS代码。我通常在出问题的层上定义一个
背景颜色,这样就能很明显看到层占据多大空间。有些人建议用border,一般情况也是可以的,但问题是,有时候border 会
增加元素的
尺寸,border
-top和boeder-bottom会破坏纵向margin的值,所以使用background更加安全些。
脚本宝典总结
以上是脚本宝典为你收集整理的一些很不错的css技巧,但也常为人们所忽略全部内容,希望文章能够帮你解决一些很不错的css技巧,但也常为人们所忽略所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。