码迷,mamicode.com
首页 > Web开发 > 详细

网页CSS

时间:2015-02-13 13:02:09      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

网页CSS

标签:

原文地址:http://www.cnblogs.com/999c/p/4289975.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!