网页CSS

CSS

样式表，（分三类：内联、内嵌、外部）

1，内联，

直接作于于 元素

例:   <p style="font-size:14px;">

 

2，内嵌

作用于网页

首先建立个独立的样式区域， 必须写在head里面

例：

<style type="text/css">
p        //格式对p标签起作用
{
   样式    
}
</style>

 

3，外部样式

作于于整个网页

外部网样式表存放于CSS文件中，所以要新建个CSS文件。

然后可以按照内嵌的样式书写

 

选择器。

1，标签选择器，样式名直接写成标签的名字

 1 <style type="text/css">
 2 p        //格式对p标签起作用
 3 {
 4    样式    
 5 }
 6 </style>

 

2，选择器， 样式名以. 开头 引用 class="yangshi"

1 <style type="text/css">
2   .yangshi        //格式对p标签起作用
3 {
4    样式    
5 }
6 </style>

 

3,ID选择器，开头#  引用 id="样式"

1 <style type="text/css">
2 #yangshi      //格式对p标签起作用
3 {
4    样式    
5 }
6 </style>

 

4，复合选择器，

1）并列关系， 用 ， 隔开。两个样式名同时起作用。

1 <style type="text/css">
2 p，yangshi        //格式对p标签起作用
3 {
4    样式    
5 }
6 </style>

 

2)表示后代 ， 用 空格 隔开，  在p里面的样式yanshi起作用

1 <style type="text/css">
2 p 、yangshi      //格式对p标签起作用
3 {
4    样式    
5 }
6 </style>

 

3）筛选， 用.     在标签p中 class=yangshi的标签 起作用

1 <style type="text/css">
2 p.yangshi        //格式对p标签起作用
3 {
4    样式    
5 }
6 </style>