第六阶段小结
第六阶段小结(第七章CSS构造块)
1、构造样式规则
样式表:选择器(决定哪些元素受影响)+声明块(属性-值)
selector {
property:value;
...
}
/* selector 希望进行格式化的元素,property CSSS属性的名称 */
2、为样式规则添加注释(不可嵌套)
/* 注释内容 */
3、继承
一个元素内嵌套着多个元素,这些元素都是该元素的子元素。
父元素的部分CSS属性可被子元素继承。
4、层叠:当规则发生冲突时
- 1、特殊性:选择器越特殊,规则就越强,优先应用特殊性强的规则
- 2、顺序:晚出现的优先级高
- 3、重要性:可以声明一条特殊的规则覆盖整个系统中的规则,这条规则的重要程度要比其他所有规则高。
或者在某条声明的末尾加上!important,比如`p{ color:orange !important;}
5、属性的值
inherit
希望显示地指出该属性的值与对应元素的父元素对该属性设定的值相同
article {
border: 4px solid red;
}
p {
border: inherit;
}
- 预定义的值(不用放在引号里)
border: none;
- 长度和百分数
长度必须包含数值和单位,之间没有空格,0单位可有可无
font-size: .875em;
width: 80%
- 纯数字
常见:line-height
、z-index
、opacity
- URL
background: url(bg-patten.png);
- CSS颜色
rgb(0,0,0);
- 十六进制数 #59007F,三对重复数字组成可缩写
eg:#ff3344
可写成f34
- RGBA 在rgb的基础上增加一个透明度(alpha),a=1完全不透明,a=0完全透明
eg:rgba(89,0,127,0)