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

CSS优先级和层叠样式表作用域的理解

2009-06-30 11:05 260 查看

CSS 格式优先级行内样式>ID样式>类别样式>标记样式。同类样式的优先级，定义越晚，或者导入的样式越后，优先级越高。为了便于理解，可以通过改变下述代码中样式定义的顺序来分析。

程序代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<style>
div{
border-style:dotted;
width:40%;
height:60%;
}
.div1{
border-color:red;
border-width:10px;
}
.div2{
border-color:blue;
}
</style>
<link type="text/css" href="1.css" rel="stylesheet" />
</HEAD>

<BODY>
<div class="div3 div1 div2 ">ddd</div>
</BODY>
</HTML>

程序代码
/*1.css 文件*/
.div3{
border-color:yellow;
}

3、CSS的边框属性设置，采用顺时针的设置方式。当属性参数为1个时，控制所有边框的样式；为2个时，控制上下、左右边框的样式；为3时，控制上、左右、下边框的样式；为4个时，顺时针控制单向边框。

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

标签：

相关文章推荐

新的分享

章节导航