平时大家在网页制作，网页切图过程中，一些实用的技巧应该总结起来，为以后项目制作节省时间，提高效率。这节来总结网页制作过程中的一些实用技巧，提高编写代码的效率。

　　1、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。

 

　　2、一个兼容性调整(IE和Mozilla)的笨办法：初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
　　临时解决方法：选择符{属性名:B !important;属性名:A}

 

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

 

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

 

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

 

　　6、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。

 

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

　　

　　8、标题是标题，标题的文字是标题的文字。有时候标题不一定需要显示文字，所以 以下是引用片段：
     

标题内容

改成

标题内容

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

 

     10、网站越大，CSS样式越多，开始做前，请做好充分的准备和策划，包括命名规则。页面区块划分，内部样式分类等。 
  
      11、几个常用到的CSS样式：

　　1）固定宽度汉字截断：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断，不能处理多行。)（IE5以上）FF不能，它只隐藏。

 

　　2）固定宽度汉字（词）折行：table-layout:fixed; word-break:break-all;（IE5以上）FF不能。
　　

       3）FLASH透明：在前输入 以上是针对IE的代码。
　
　　4）在做网页时常用到把鼠标放在图片上会出现图片变亮的效果，可以用图片替换的技巧，也可以用如下的滤镜：

 

1. .photo img { filter: alpha(opacity=45); }   
2.  
3. .photo a:hover img { filter: alpha(opacity=90); }   

 

 

        以上是网页制作过程中编写css 实用技巧，编写css的时间善于总结技巧很重要，虽然只是一些小细节问题，但是细节决定成败，从代码编写风格细节上可以看出一个人的风格。

---