网页CSS

CSS

样式表,(分三类:内联、内嵌、外部)

1,内联,

直接作于于 元素

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

 

2,内嵌

作用于网页

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

例:

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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。