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

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个时,顺时针控制单向边框。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值