层叠样式表CSS].doc
文本预览下载声明
层叠样式表（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
庭院深深深几许？杨柳堆烟，帘幕无重数。玉勒雕鞍游冶处，楼高
显示全部