一些非常好的CSS技能,但它们往往被忽略。
一个。区分案件与案件当CSS用于XHTML时,CSS中定义的元素的名称是区分大小写的。为了避免这个错误,我建议所有定义的名称都是小写的。
两。不需要在背景图片的路径中添加引号。
为了节省字节,我建议不要在背景图片路径中添加引号,因为不需要引号:
背景:URL(图片 / *。gif)# 333;
可以写成
背景:URL(图像 / * .gif)# 333;
如果你加了引号,就会引起一些浏览器的错误。
三。按照正确的顺序指定链接的样式。
当您使用CSS定义多个链接的状态样式时,请注意它们的顺序。正确的顺序是:链接:访问:悬停:活跃。第一个字母是lvha
四。清除浮动
一个非常常见的CSS问题是当位置浮动时,底层由浮动层覆盖,或者层中的嵌套子层超出外层。
通常的解决方案是在浮动层后面添加一个附加元素,比如div或BR,并将其样式定义为清楚的:两者都有。幸运的是,还有另一个好办法来解决这个问题。看看这篇文章如何清除没有结构标记的浮动。
上述2种方法可以很好地解决浮动问题,但如果您真的需要对层或层中的对象做清楚呢一个简单的方法是使用溢出属性,它首先在简单的浮动清除中发布,并在清除和超简单清除浮动中得到广泛讨论。
上面清楚的方法比较适合你。为了了解具体情况,这里不再讨论了。此外,一些优秀的文章已经很清楚地讨论了浮点数的应用。推荐阅读:floatutorial,含有浮动和浮动布局。
五。水平中心(中心)
这是一个简单的技巧,但它还是值得的,因为我看到太多的新手问题在问这个问题:CSS是如何水平地生活的如果您的布局包含在一个图层(容器)中,您需要定义元素的宽度并定义横向边距:
{体
文本对齐:中心;
}
{ #包
宽度:760px; / *修改你的层的宽度。
保证金:0汽车;
文本对齐:左对齐;
}
六。调试技能:层有多大
调试CSS错误时,你想看起来像一个排字工人和分析线的CSS代码行。我通常定义背景色上出的问题,我可以清楚地看到层占多少空间层。有些人推荐使用的边界,通常是可以接受的,但问题是有时几乎会增加的元素的大小。顶部和底部边界的边界会破坏垂直边缘的价值,所以背景使用更安全。