CSS样式文件编写规范.docVIP

网页文件的结构： html head title/title /head body /body /html 其中在网页中显示的部分都放在body中，不在网页中显示的部分都放在head中。 其中常放在head中的标签有：title、link、meta、base CSS类型： 内联式：就是直接在html标签后面写样式代码，如： p style=”font-size:50px;color:red;text-deceration:line”啊啊啊啊/p 嵌入式：就是对本文件内所有的该类型的标签名运用这样的样式，但该样式的标签要放在head中，如： html head title/title style P{ font-size:50px; color:red; text-deceration:line } /style /head body /body /html 这样的话，该文件中的所有P标签都将应用该style样式，而不需要在没一个html标签中写。 注：1、通常都要在样式的style标签下一层放一对html的注释标签!--//--，这是为了防止不支持CSS样式的浏览器不执行，或不显示其中的代码；而对于支持样式的浏览器，则可以正确识别style标签，而使得注释标签不起作用。 2、在syle标签内还可以写style本身的一些属性，如type=”text/css”等。 外部样式表： 虽然嵌入式样式表解决了同一个文件内使用同样样式的多个标签的代码重用，但在一个网站内往往是有很多个文件组成的，如果这些独立的网页文件要使用统一的风格，显然嵌入式样式表仍然不能很好地实现代码的重用。这时就需要使用外部样式表了。 一般使用外部样式表时都是在网站的根目录下建一个单独的样式文件夹，命名为style，然后再在style文件夹内建立后缀名为css的文本文件。 在使用时，在引用该样式表的网页文件内的head标签中使用link标签来引入，如： Rel：指明连接的是什么文件； Type：指明引入的文件的格式类型； Href：指明文件的路径，以引入文件为基准的相对路径。 注：引入文件内的样式的具体运用仍然和嵌入式的应用原理一样，即：根据样式内容的标签名来运用，如嵌入式的p。 输入式样式表： 指样式，CSS文件之间的代码共享的一种代码重用方式。即使用@import把一个css文件的代码引入到另一个css样式文件内。如： 其中url是用来指明被引入的文件的位置，这里是在同一个文件夹内。 注：输入式样式表可以进一步细分样式模块，每个模块单独成文件，当需要对某个网页文件应用样式时，通过使用输入代码把需要的模块代码引入到一个样式文件中，再把这个集成的样式文件使用link标签引入到引用文件中。真正实现了word中的文本样式的组织形式。 同时，输入式样式表还可以输入到嵌入式样式表中的style标签内的!--//--内。 标签选择器: 标签选择器就是嵌入式样式表中的样式代码前的字符，即：用于进行判断具体使用哪段样式代码的基准字符。共有以下几类: HTML selector：就是直接使用html标签做选择器； 注：HTML标签选择器严格对应网页文件中的html标签，就是应用且只应用对应的html标签。这样就有一个缺陷，就是相同的标签要想实现不同的样式就很麻烦，于是可以在html标签后面加赠一个扩展名，在引用时只需在相同的html表前后加上：‘class=html标签选择器的扩展名’，（class本来就是html标签的一个属性）从而实现了相同标签的个性化。同时还有另一个问题，就是不同的标签要想使用同样的样式也不能实现。 这个解决办法就是，去掉选择器的标签名，只保留扩展名，这样一来，不管是相同的标签要实现个性化，还是不同的标签要使用同样的样式，只需要在自己