网页设计中CSS的应用

一、网站建设有疑问，先验证，在调试时，先对您的代码进行验证往往能省去不少麻烦事。格局不准确的XHTML/CSS 会导致很多布局上的错误。

二、网站建设,确保您期望的效果确实存在
　　很多特定的浏览器专有的CSS扩展在正式尺度中并不存在。 假如您对 filter（滤镜）或动弹条指定了样式，那么您就用了私有代码，除了IE之外，在别的浏览器中毫无作用。假如验证器告诉您代码没有定义，极有可能您用了私有样式，这样在不同的浏览器中很难达到一致的效果。
　
三、网站建设,避免IE下未指定样式内容的闪烁。
　　假如您仅仅靠 @import 来输入外部样式表，迟早您会发现IE有“闪烁”的毛病。在应用CSS样式之前，未经格局化的HTML文本会短暂地泛起。这是可以避免的。
四、别指望网站建设 min-width 在IE中有用。
　　IE不支持它，但是它将 width 当作 min-width，所以通过一些 IE 的过滤技巧（filtering），可以实现同样的终极效果。
　　
五、网站建设记住“LoVe/HAte”（爱/恨）链接规则
　　要以下面的顺序指定超链接伪类：Link， Visited， Hover， Acitve。任何其他顺序都不妥当。如果用了：focus，次序应为 LVHFA（“Lord Vader‘s Handle Formerly Anakin”，Matt Haughey这样建议）。
　　请记住“TRouBLED”（麻烦的）边框。
　　。
六、网站建设非零值要指明单位。
　　在用CSS指定字体、边距或大小时，必需指明所用的单位。某些浏览器对未指明单位的处理方法不足为凭。零就是零，无论是 px仍是em仍是其他单位，它不需要单位。例如： padding： 0 2px 0 1em;
七、网站建设测试不同的字体大小。
　　像Mozilla和Opera这样的高级浏览器答应对字体进行缩放，无论你用的是什么单位。某些用户的默认字体大小肯定和您的不同，尽最大努力去知足他们。
　　用嵌入式测试，发布时改为输入。
　　将样式表嵌入在你的HTML源代码中，在测试时可以消除很多缓存引起的错误，尤其是某些Mac下的浏览器。但在发布前，一定要记住将样式表移到外部文件，用 @import 或 引入。
八、加上显著的边框有利于布局调试。
　　像 div {border： solid 1px #f00;} 之类的全局规则可以暂时为你查出布局题目。为特定的元素加上边框可帮您找到难以发觉的交错或空缺题目。
　　对图片路径不要用单引号。
九、网站建设好好组织您的CSS文件
　　恰当地成块注释CSS，将相似的CSS选择符编为一组，养成一致的命名习惯和空缺格局（为跨平台考虑，建议用空缺字符而不是tab。）以及适当的次序。
　　以功能（而不是外观）为类和ID命名

上一篇: 网页设计师最重要的两个能力     下一篇: 郑州博文电脑培训学校告诉大家网页设计培训班怎么选择