CSS样式

时间：2015-07-25 09:31:42 阅读：175 评论：0 收藏：0 [点我收藏+]

标签：css

Css样式表：
1.样式表的分类：
<1>.使用内联样式：例子模板：(为p段落设置样式)
<p style = "color:Red;font-size：25pt;">
段落文本（p）
</p>
特点：(只针对被标记的那一个P标签有效)
<2>.内部样式：在<head>元素中添加(为h1标题设置样式)
<style>
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>
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进行调试

CSS样式

标签：css

原文地址：http://blog.csdn.net/wei_chong_chong/article/details/47052661

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行