CSS样式表常用小技巧收藏_经验交流
程序员文章站
2022-03-04 09:28:38
...
· 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 在某些方面比其它标签表现的要好的多。请在需要列对齐的地方用它。
·
· 同一个的 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 在某些方面比其它标签表现的要好的多。请在需要列对齐的地方用它。
·