网页制作样式表CSS常用小技巧

网页制作样式表CSS常用小技巧

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

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

初学可能会碰到这样一个情况,同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者两个倒过来。

临时解决方法:选择符 {属性名:B !important ; 属性名:A;} //IE7 下无效

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

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

IE 分不清继承关系和父子关系的差别,全部都是继承关系。

在给你的标签疯狂加选择符的时候,别忘了在 CSS 里给选择符加上注释。

 等你以后修改你的 CSS 的时候就知道为什么要这么做了。

如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。

定义链接的四种状态要注意先后顺序: Link Visited Hover Active

与内容无关的图片请使用 background

定义颜色可以缩写 #8899FF = #89F

table 在某些方面比其它标签表现的要好的多。请在需要列对齐的地方用它。

<script> 没有 language 这个属性,应该写成这样:<script type=”text/javascript”>

标题是标题,标题的文字是标题的文字。有时候标题不一定需要显示文字,所以:<h1>标题内容</h1> 改成 <h1><span>标题内容</span></h1>

完美的单象素外框线表格(在IE5.0 IE6.0及 FF 中均可通过测试,其它未测试)table {border-collapse:collapse;} td {border:#000 solid 1px;}

margin 取负值可以在标签使用绝对定位的时候起到相对定位的作用,在页面居中显示时,使用绝对定位的层不适合使用 left:XXpx 这个属性。

 把这个层放到一个要相对定位的标签旁,然后使用 margin 的负值是个好方法。

绝对定位时使用 margin 值定位可以达到相对于本身所在位置的定,这与 top,left 等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。

第 1 2 页

网页制作样式表CSS常用小技巧

相关文章:

你感兴趣的文章:

标签云: