CSS (二)
来源:互联网 发布:数控编程学习网 编辑:程序博客网 时间:2024/05/21 08:51
权重 (specificity)为了覆盖旧样式,优先级是根据由每种选择器类型构成的级联字串计算而成的。他是一个对应匹配表达式的权重。
优先级逐级增加的选择器列表:
通用选择器(*)
元素(类型)选择器
类选择器
属性选择器
伪类
ID 选择器
内联样式
继承 (inheritance)
盒模型 (box model)
外边距边界margin edge, 边框边界border edge, 内边距边界padding edge 与 内容边界content edge。
外边距合并 (margin collapsing),
堆叠 (stacking) z-index
只在父级层叠上下文中有意义。子级层叠上下文被自动视为父级层叠上下文的一个独立单元。
块格式化上下文 (block-formattin contexts)
用于决定块盒子的布局及浮动相互影响范围的一个区域。块格式化上下文包括了创建该上下文的元素的所有子元素,但不包括创建了新的块格式化上下文的子元素。
初始值 (initial)在CSS3中允许作者使用 initial 关键词明确的设定初始值.已经给出的 初始值 针对不同的 继承或非继承属性 有着不同的含义
计算值 (computed) 由指定的值计算而来:处理特殊的值 inherit 和 initial,根据属性的摘要中
关于“计算值”描述的方法计算出值
计算属性的"计算值"通常包括将相对值转换成绝对值(如 em 单位或百分比)。
计算值的最主要用处是 继承 , 包括 inherit 关键字。
对不同的属性,getComputedStyle() DOM API 返回的 解析值, 可能是 计算值或 应用值。
应用值 (used)是完成所有计算后最终使用的值,可以由 window.getComputedStyle 获取
实际值 (actual values)
复合属性 (shorthand properties) 简写属性是让你同时设置其他几个 CSS 属性值的 CSS 属性。
使用简写属性,Web 开发人员可以编写更简洁、更具可读性的样式表,节省时间和精力。
优先级逐级增加的选择器列表:
通用选择器(*)
元素(类型)选择器
类选择器
属性选择器
伪类
ID 选择器
内联样式
继承 (inheritance)
盒模型 (box model)
外边距边界margin edge, 边框边界border edge, 内边距边界padding edge 与 内容边界content edge。
外边距合并 (margin collapsing),
堆叠 (stacking) z-index
只在父级层叠上下文中有意义。子级层叠上下文被自动视为父级层叠上下文的一个独立单元。
块格式化上下文 (block-formattin contexts)
用于决定块盒子的布局及浮动相互影响范围的一个区域。块格式化上下文包括了创建该上下文的元素的所有子元素,但不包括创建了新的块格式化上下文的子元素。
初始值 (initial)在CSS3中允许作者使用 initial 关键词明确的设定初始值.已经给出的 初始值 针对不同的 继承或非继承属性 有着不同的含义
计算值 (computed) 由指定的值计算而来:处理特殊的值 inherit 和 initial,根据属性的摘要中
关于“计算值”描述的方法计算出值
计算属性的"计算值"通常包括将相对值转换成绝对值(如 em 单位或百分比)。
计算值的最主要用处是 继承 , 包括 inherit 关键字。
对不同的属性,getComputedStyle() DOM API 返回的 解析值, 可能是 计算值或 应用值。
应用值 (used)是完成所有计算后最终使用的值,可以由 window.getComputedStyle 获取
实际值 (actual values)
复合属性 (shorthand properties) 简写属性是让你同时设置其他几个 CSS 属性值的 CSS 属性。
使用简写属性,Web 开发人员可以编写更简洁、更具可读性的样式表,节省时间和精力。
0 0
- CSS实用教程(二)
- CSS实用教程(二)
- CSS简介(二)
- CSS语法(二)
- css入门教程(二)
- css特殊效果(二)
- css兼容问题(二)
- CSS 基础知识(二)
- CSS (二)
- CSS学习(二)
- css基础知识(二)
- CSS基础(二)
- CSS选择器(二)
- CSS入门教程(二)
- CSS选择器(二)
- CSS手记(二)
- CSS 样式(二)
- CSS基础知识(二)
- 并发 并行 同步 异步 多线程的区别
- iOS7 images.xcassets里面放入资源图片
- Java新手须知
- flesh builder破解方法
- Eclipse和Android Studio的偏好设置Preferences的导出与导入
- CSS (二)
- 从初级程序员到架构师之路
- startActivity( ) 与startActivityForResult( )的区别
- 【排错】Could not reseek StoreFileScanner[HFileScanner for reader reader=hdfs://dmp-nn-1:8020/hbase/...
- Algorithms—103.Binary Tree Zigzag Level Order Traversal
- 子Shell的$$
- JS中document对象和window对象的区别
- 迅为4412开发板支持AVIN视频输入/AV监控摄像头输入模块
- Hive分区表与分桶