【重学前端】CSS常见事项

1)ul 标签在 Mozilla 中默认是有 padding 值的，而在 IE 中只有 margin 值。 

2)同一个的 class 选择符可以在一个文档中重复出现，而 id 选择符却只能出现一次；对一个标签同时使用 class和 id 进行 CSS 定义，如果定义有重复，id 选择符做的定义有效。 

3)如果一组要嵌套的标签之间需要些间距的话，那就外面标签的 padding 属性，而不要去定义位于里面的标签的 margin 

4)li 标签前面的图标推荐使用 background-image 而不是 list-style-image 

5)在给你的标签疯狂加选择符的时候，别忘了在 CSS 里给选择符加上注释。 等你以后修改你的 CSS 的时候才知道每个选择符代表的意思。 

6)如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。 
7)定义颜色可以缩写 #8899FF = #89F 
8)完美的单象素外框线表格 table {border-collapse:collapse;} td {border:#000 solid 1px;} 
9)固定宽度汉字截断：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;（不过只能处理文字在一行上的截断，不能处理多行。）

10)固定宽度汉字（词）折行：table-layout:fixed; word-break:break-all;

11)<div style="cursor: help" title="输入要提示的文字">文字</div> 用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到，而国内的少又少。

12)图片设为半透明：opacity:0.5;} 


13)我们在做网页时常用到把鼠标放在图片上会出现图片变亮的效果，可以用图片替换的技巧，也可以用如下的滤镜，代码如下：

.pictures img { filter: alpha(opacity=50); opacity:0.5;}
.pictures img:hover { filter: alpha(opacity=100); opacity:1;}