主要内容

一、样式表(CSS)的基本概念
二、CSS与HTML文档的结合方法
三、CSS属性的理解与应用
四、CSS样式的单位
五、CSS样式在网页中的应用
六、CSS的高级应用
 
 
一、CSS的基本概念
 
1、编写CSS样式的方法
(1)使用CSS编辑器
Ø如Dreamweaver、Frontpage等都会自带CSS编辑器。
(2)使用超文本编辑器
Ø如Dreamweaver、Frontpage等超文本编辑器均可编辑样式表；
Ø记事本
 
2、基本语法
<HEAD>
<TITLE>CSS例子</TITLE>
<STYLE TYPE=“text/css”>
H1{ font-size:x-large; color:red}
H2{ font-size:large; color:blue}
</STYLE>
</HEAD>  
单一选择符的复合样式声明应该用“;”隔开，为便于阅读也可以分行写。  
几乎所有的HTML标记符形式都可以作为选择符。
  
3、CSS样式的组合、继承和关联性
(1)样式的组合：把具有相同声明定义的选择符组合在一起，并用逗号隔开。
－例如：段落元素p、单元格元素td和类c1可以使用相同样式： 
p,td,.c1{font-size:12pt;font-family:黑体;color:red}  
(2)样式的继承：若子元素未定义，则它将继承上级元素的样式的定义。但存在少数属性不能继承 
<HEAD>
<TITLE>CSS例子</TITLE>
<style>
<!--
p{color:red;font-size:20px;font-family:"华文仿宋", "Comic Sans MS"}
b{text-decoration:underline}
-->
</style>
</HEAD>  
(3)样式表的关联性：
–样式表的关联性指在某些样式定义中，可以定义某样式仅在某个特定元素范围内才有效。。
–例如：  p b{font-size:12pt;font-family:黑体;color:red}
b元素仅在p元素作用范围内会套用上述的样式设定。 而在其他地方不具有这些属性。