浏览器如何加载和解析CSS——CSS样式来源与层叠规则
2015-08-04 19:15
351 查看
关于CSS样式首先得理解浏览器如何加载它们,最终的页面样式是如何呈现的? CSS层叠样式表的关键在于”层叠“,会根据选择符的使用而将样式相互叠加或者覆盖。 CSS样式表之所有有”层叠”的概念,因为有多个样式来源,不同样式设置来源不同权重, 优先顺序为:1到5权重依次降低
叠加:浏览器会把所有来源的样式叠加到一起,把各个零散的整合成一个整体。
覆盖:如果多个来源样式有相同样式,根据权重值,高权重样式覆盖低权重样式——特殊情况:具有!important修饰的样式有最高权重。
1 | HTML标签头内的样式 (不建议使用,结构样式分离) |
2 | <style>中编写的样式代码 (适合不常更新或很少访问的页面) |
3 | <link>引用的css文件 (推荐使用,方便维护,合理开发) |
4 | 用户自定义浏览器样式 |
5 | 浏览器默认样式 |
覆盖:如果多个来源样式有相同样式,根据权重值,高权重样式覆盖低权重样式——特殊情况:具有!important修饰的样式有最高权重。
相关文章推荐
- CSS3基础知识
- css基础2
- css去掉iPhone、iPad默认按钮样式
- 详解CSS3中@media的实际使用
- 使用CSS伪元素实现文字部分变色的方法
- CSS的display、hover、overflow、©(版权符号)、borer-radius(边框圆角)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)
- css 设置上下左右三角形箭头
- 如何处理ul/ol下li左边有段空白的样式问题
- CSS的float与clear
- DIV_CSS布局问题:3个水平对齐布局的DIV,左右固定宽,中间宽度自动填充
- CSS的z-index(分层)
- CSS的position(位置)
- java实现树型结构样式
- CSS DIV垂直居中
- 针对不同的屏幕加载样式表
- div+css常见浏览器兼容问题以及解决办法
- html笔记04:在html之中导入css两种常见方法
- PrintArea打印,@media screen解决移动web开发的多分辨率问题,@media print设置打印的样式
- CSS3的:not(:target)效果