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

CSS3秘笈读书笔记 2015/12/6

时间:2015-12-06 19:22:36      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

第四章 用样式继承节省时间

一、继承的作用:简化样式表

二、常用的可以继承和不可以继承的属性

(1)不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。

(2)所有元素可继承:visibility和cursor。

(3)内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。

(4)终端块状元素可继承:text-indent和text-align。

(5)列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。

(6)表格元素可继承:border-collapse。

第五章 用层叠管理样式

一、当继承来的属性发生冲突时

(1)最近的祖先样式胜出

(2)专门应用给标签的样式属性战胜所有的继承属性

如 a标记使用了它们自己预设的样式,不继承来自父级元素继承来的样式

(3)用权重决定那种样式胜出

标签选择器    1分

类选择器      10分

ID选择器      100分

内建样式      1000分

(4)权值相同时最后一个样式胜出

二、控制层叠

(1)!important

(2)改变权重值

例如:

.intro   权重值为10

#sidebar p    权重值为101

#sidebar .intro  权重值为110

(3)选择性的覆盖

 

 

CSS3秘笈读书笔记 2015/12/6

标签:

原文地址:http://www.cnblogs.com/nankeyimeng/p/5024083.html

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