12.8学习日报（背景简写、选择器继承性、选择器的权重）

背景简写

语法：

background: transparent url(image.jpg) repeat-y scrrll center top ;

背景样式的小结：

属性	作用	值
background-color	背景颜色	预定义的颜色值/十六进制/RGB代码
background-image	背景图片	url（图片路径）
background-repeat	是否平铺	repeat / no-repeat-x / repeat-y
background-position	背景位置	length / position 分别是 x 和 y 坐标，切记 如果有 精确数值单位，则必须按照先 x 后 y 的写法
background-attachment	背景固定还是滚动	scroll / fixed
背景简写	更简单	背景颜色 背景图片地址 背景平铺 背景滚动 背景位置 ;（他们没有顺序）
背景透明	让盒子半透明	background (0.0.0.3); (后面必须是 4个值)

层叠性

• 概念：
  所谓层叠性是指多种CSS样式的叠加。
  是游览器处理冲突的一个能力，如果一个属性通过两个相同选择器设置同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉。

• 原则：

  • 样式冲突，遵循的原则是就近原则。那个样式离着结构近，就执行那个样式。
  • 样式不冲突，不会层叠。

继承性

• 概念：
  子标签会继承父标签的某些样式，如文本颜色和字号。
  想要设置一个可继承的属性，只需将它应用于父元素即可。
  简单的理解简单： 子承父业。

• 注意：

  • 恰当地使用继承可以简化代码，降低CSS样式的复杂性。比如有很多子级孩子都需要某个样式，可以给父级指定一个，这些孩子继承过来就好了。
  • 子元素可以继承父元素的样式 （text-,font-,line-这些元素开头的可以继承，以及color属性）

优先级与权重

定义CSS样式时，经常出现两个或更多规则在同一元素上，此时，

• 选择器相同，则执行层叠性。
• 选择器不同，就会出现优先级的问题。

权重计算公式：

标签选择器	计算权重公式
继承或者*	0.0.0.0
每个元素（标签选择器）	0.0.0.1
每个类，伪类	0.0.1.0
每个ID选择器	0.1.0.0
每个行内样式 style=""	1.0.0.0
每个 !important 重要的	无穷大