您的位置：首页 > Web前端 > CSS

CSS样式

2015-07-25 08:12 671 查看

Css样式表：

1.样式表的分类：

<1>.使用内联样式：例子模板：(为p段落设置样式)

<p style = "color:Red;font-size：25pt;">

段落文本（p）

</p>

特点：(只针对被标记的那一个P标签有效)

<2>.内部样式：在<head>元素中添加(为h1标题设置样式)

<style type = "text/css">

h1{color:Bule;font-size:20pt;}

</style>

特点：对某个页面的所有h1标签有效；但是只对一个页面有效

无法对另一个html有效

<3>.外部样式表：（对导入的所有页面都有效提高代码重用性等）

需要导入：<link type="text/css" rel ="stylesheet"

href = "外部样式表的路径"/>

2.样式表的优先级：

内联样式优先级最高

内部样式，外部样式看谁在前面，谁在前面谁的优先级高

3.选择器

3.1 选择器分类：

3.1.1 标签选择器

<style type = "text/css">

label,span,等等{

定义样式

}

p span{

定义样式（p标签下的span标签

会先把p标签定义的样式应用上，再使用

span标签

a b c{

(a下的b下的c)

}

</style>

3.1.2 类选择器

.a{

定义样式

}

(使用方式：

<div class="a">

内容

</div>

)

3.1.3 ID 选择器

#aa{

定义样式

}

(使用方式：

<div id="a">

内容

</div>

)

3.1.4 伪类选择器

a:link{

}

a:hover{

}

a:visited{

}

复杂选择器：

用法1：

选择器1 选择器2{

}

#a a{

(#a选择器下的a选择器)

}

用法2：

选择器1，选择器2{

}

#a，a{

并列

}

4 常用的样式属性

4.1一般不用table布局(变化小)<table></table>

常用层布局<div>border= ""</div>

盒子模型

火狐浏览器用查看-firebug进行调试

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航