第13章 编写CSS代码的规范.pptVIP

第13章 编写CSS代码的规范 一个大型的网站的每个网页都包含大量的源代码。以往网页设计师使用表格来进行页面布局，使网站的源代码更加繁复累赘。要对一个使用表格排版的大型网站进行修改是非常困难的。自从出现了DIV+CSS的页面排版方式后，网页的源代码量就大大减少了。但要制作出语义明确、结构清晰的网页还需要遵循编写CSS代码的规范。CSS代码的规范并不是一些明文细则，而是网页设计者在制作和修改网页代码时总结的经验。本章内容包括： 如何在XHTML文档中使用语义明确的标记 如何命名有意义的CSS选择器 如何运用CSS代码的缩写和合理的注释 13.1 使用语义明确的标记 传统的HTML代码本身也是一种容易理解的标记语言。例如p标签代表paragraph，就是段落的意思；b标签代表bold，就是粗体的意思。在编写XHTML文档时，使用有意义的标签能让网页源代码易懂易改，并且能防止代码累赘。XHTML中常用有语义的标签如表所示。 13.2 使用有意义的CSS命名 尽管XHTML提供很多有语义的标签，但是在实际运用中仍然不足够。所以需要为不同功能的标签增加类选择器或者ID选择器。在进行页面排版的时候要为不同功能的标签设置相应的CSS选择器名称。例如，网页的头部若有一个div标签来嵌套，那么这个div标签的类选择器就应该命名为header。表列出了常用的一些有意义的CSS命名。 13.3 CSS代码的缩写 在之前的章节中有介绍如何缩写一些CSS属性代码。例如font属性可以缩写所有文字属性，background属性可以缩写所以背景属性。使用属性缩写可以减少代码量，增加代码可读性。表中列出了可以缩写的CSS属性以及其缩写的方式。 13.4 合理的CSS注释 在制作标准网页的过程中合理使用注释能给文档创建者和修改者提供很大的帮助。文档创建者在编写CSS文档时可能非常清楚各个代码的意义，但是半年或者一年后再次修改该文档就不会那么清晰了。若别的设计师要修改这个文档，若没有注释的话，修改起来非常困难。常见使用CSS注释的地方有以下几个。 13.5 常见面试题 问题1：在使用h1-h6标签的时候，IE与火狐的字体大小不同，为何还建议使用它们？ 问题2：是否一定要使用驼峰式来给CSS名称命名？ 问题3：为每行CSS样式都添加注释的做法合理吗？ 13.6 小结 本章讲解了如何编写CSS代码应该遵循的规则。使用有语义的XHTML标签和有语义的CSS命名是遵循WEB标准的做法。合理缩写CSS属性和合理注释CSS代码能提高代码的可读性。本章的重点是在网页制作中正确运用XHTML标签和CSS命名。本章的难点是综合所学的知识来提高代码的质量。下一章将进入本书的第三部分，学习DIV+CSS的布局基础。 出自俊网天下: