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

CSS注意点

时间:2014-07-05 17:09:03      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   line   div   

/* 首行缩进 */
text-indent:10px;
/* 下划线 */
text-decoration:none;
none:无下划线;
underline:下划线;
overline:上划线;
line-through:中划线;

 

注意点
CSS样式优先级
A、选择器都有一个权值,权值越大越优先
B、当权值相等时,后出现的样式设置要优先于先出现的样式
C、网页编写设置的样式优先权高于浏览器设置的
D、继承的样式不如后来指定的样式
E、在同一组属性设置中有!important优先级最大。
(1)外部样式 < 内部样式 < 内联样式

 

<head>
<style>
/*内部样式*/
h3{colco:red;}
</style>
<!--外部样式 -->
<link rel="stylesheet" type="text/css" href="text.css" />
</head>
<body>
<!--内联样式 -->
<div style="color:blue;"></div>
</body>

 

(2)内联样式(1000) > id选择器(100) > 类选择器(10) > 元素选择器(1)
example1:
h1.redone{color:red} => 11
.blueont{color:blue} => 10
so h1显示为红色
example2:
.redone{color:red} => 10
.blueont{color:blue} => 10
so h1显示为蓝色,因为被覆盖

CSS注意点,布布扣,bubuko.com

CSS注意点

标签:style   blog   color   io   line   div   

原文地址:http://www.cnblogs.com/teemogao/p/3822986.html

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