CSS:三大特性与背景设置

三大特性

层叠性

所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这时一个属性就会将另一个属性层叠掉。
比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。 记住：就近原则。

层叠性就是在前文中提到过的覆盖，就近原则。（注意这个只发生在权重计算相等的情况）

继承性

所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。

注意：
恰当地使用继承可以简化代码，降低CSS样式的复杂性。子元素可以继承父元素的样式(text-，font-，line-这些元素开头的都可以继承，以及color属性)

优先级

优先级就是权重，这里有个计算，在这里不详细说了，前文已经详细介绍了。

背景设置

CSS可以对样式背景设置背景颜色和插入背景图片，具体语法如下：

背景图片

none是没有背景图，默认就是无背景，url（）里面填背景图片的路径

background-image : none | url (url) 

背景平铺

：repeat全背景平铺，默认就是，no-repeat不平铺，repeat-x向x轴方向平铺一行，repeat-y向y轴方向平铺一行。

background-repeat : repeat | no-repeat | repeat-x | repeat-y 

背景位置

语法：

background-position : length || length
​background-position : position || position 

参数可以是方位名词和具体参数，可以两个混用，但是注意，一定是横坐标的在前面，后面是纵坐标的。同时我们也可以一个参数，这个参数表示的横坐标，纵坐标的默认的是50%。

背景附着

语法：

background-attachment : scroll | fixed 

scroll: 是设置背景随对象内容滚动
fixed：是设置背景固定

背景透明

语法：

background: rgba(0,0,0,0.3);

这是css3支持背景半透明的写法
最后一个参数是指的透明度，取值范围在0-1之间，0是全透明，1是不透明

背景简写

当多个背景属性进行设置的时候我们可以简写
建议简写的顺序格式是：
background：背景颜色 背景图片地址 背景平铺 背景滚动 背景位置；
（中间以空格隔开）

background: transparent url(image.jpg) repeat-y  scroll 50% 0 ;