关于CSS的一些基础应用

本文总结网页制作中关于CSS样式表应用的一些基础技巧，希望大家掌握！谢谢支持网页教学网。

一、关于注释

在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/* 注释内容 */”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C语言中常用的“/***************/”之类的注释是无意义的，没有必要填充大量无意义内容作为分隔。带有注释的文档作为网站的原始CSS文档，在发布网站的时候，可以使用CSS压缩工具压缩CSS，在输出的CSS中去掉注释以提高文件传输效率。

二、关于命名

在给CSS文件命名的时候，我比较喜欢使用符合语义的英文名或者缩写命名，在非常用部分也许会用部分拼音命名。另外，在某些有从属关系的class里，我可能会使用类似“list_banner”之类的命名，即父元素名加上“_”再加上元素名。

关于命名，可以根据团队设计师的习惯进行协商。但最好在命名之后加上注释，以便将来生成文档备查。

三、关于继承性

在CSS中，要善用继承性。比如在两个嵌套的div中，父元素定义了background-color属性为黑色，如果子元素的背景同为黑色，则不需重复定义。善于利用CSS的继承性可以让代码更有效、更精简。

四、关于CSS定义的层次

在定义CSS中的class时，建议使用层次分明的方式来描述语句。

示例结构：

示例CSS：

在上例中，从最终效果来看，#menu没有必要重复出现，但是实际上如果能够在前面加上#menu，将会让文档的层次更加明了，更利于阅读。

五、关于样式排序

在设计CSS样式表时，我们大多是手写代码，这样很容易造成class中的样式排序混乱。比如有几个class中用到了padding、margin、background、color等样式，但是排序的时候，有的class是background比较靠前，有的是margin比较靠前。这样就造成了一定的混乱，容易让思路受挫。我建议个人或者团队的设计师协定一个大致顺序，这样从个别来说看不出太大差别，但从整体上将更加易

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!