层叠样式表(CSS).docVIP

层叠样式表（CSS） “层叠样式表”（Cascading Style Sheets,缩写为CSS）是由W3C协会所制定，主要的用途是定义网页数据的编排、显示、格式化及特殊效果，因为HTML提供的B、I、FONT、H1、P、SUB、SUP等控制标记虽然可以将数据格式化，但能做到的格式化有限，而CSS正好弥补了这个不足。 CSS属于较新技术，故IE3.0版本以上支持，Netscapt Navigator 4.0版以上支持。此外，不同浏览器显示的结果可能有不同。 如何链接HTML文件与层叠样式表 它有4种方法： 在HTML文件的HEAD区块嵌入层叠样式表的定义。 将层叠样式表定义在单独的文本文件，然后将之导入或链接至HTML文件。 在HTML文件的标签属性style中加入样式定义 在HTML文件中套用样式类别。 在HTML文件的HEAD区块嵌入层叠样式表的定义 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title无标题文档/title style type=text/css !-- body { font-family: 宋体; font-size: 14px; color: #0000FF; } -- /style /head body /body /html 将层叠样式表导入或链接至HTML文件 只有IE浏览器支持。先看下面导入样式表： HTML HEAD TITLE样式表2/TITLE STYLE !- @import url(body.css); -- /STYLE /HEAD BODY 将样式表定义在独立的文本文件body.css中，然后嵌入HTML文件。这个样式表所定义的字体为宋体、大小为30点、颜色为Blue。 /BODY /HTML 其BODY.CSS文件内容： BODY { font-family: 宋体; font-size=30; color:blue } 再看链接样式表： HTML HEAD TITLE样式表3/TITLE LINK REL=StyleSheet HREF=body.css TYPE=text/css /HEAD BODY 将样式表定义在独立的文本文件body.css中，然后链接至 HTML 文件。这个样式表所定义的字体为宋体、大小为30点、颜色为Blue。 /BODY /HTML 3．在HTML文件中套用样式类别 您也可以在样式表文件中定义不同的样式类别（Style Class），然后在HTML文件中套用不同的样式类别。 HTML HEAD TITLE样式表4/TITLE STYLE !- P.opening { font-family:宋体; font-size:30 ; color:Maroon } P.content { font-family:宋体; font-size:20; color:Olive } P.end { font-family:宋体; font-size:20; color:black } .note1 {color:Green} .note2 {color:Blue} -- /STYLE /HEAD BODY P CLASS=opening蝶恋花/P BLOCKQUOTEP CLASS=content 庭院深深深几许？杨柳堆烟，帘幕无重数。玉勒雕鞍游冶处，楼高