HTML5+CSS3自学笔记02-CSS特性、样式、优先级

一、CSS特性

CSS的一个主要特征就是继承，它依赖于祖先-后代的关系。继承是一种极致，它允许样式不仅可以应用于某个特定的元素，还可以应用于它的后代。

1.继承特性

简单来说就是子元素可以继承父级元素的样式，它也可以设置自己的样式。例如：body元素设置背景为红色，在body里面有一个子元素div，如果div不设置自己的背景色，

那么它将从父元素boby中继承背景色，当然，div也可以设置自己的背景色。

虽然CSS具有继承特性，但并不是所有的css属性都可以继承。文本相关属性是继承的，例如font-family,font-size,font-style,font-variant,font-weight,font,letter-spacing,

line-height,text-again,text-indent,text-transform和word-spacing;列表相关属性是继承的，例如list-style-image,list-style-postion,list-style-type和list-style;颜色相关属性是继承的，

例如color。需要说明的是，font-size属性和其他属性有些不同，fong-size继承的是计算的值。

	
		
		
	
	

		
	
	
孔丘先生是精通世故的老先生，大约除脸子复印问题以外，还有深心，犯不上老做明目张胆的破坏者，所以只是不谈，而决不骂，
	于是乎俨然成为中国的圣人，道达，无所不包故也。否者，现在供在圣庙里的，也许不姓孔。
	
	
——鲁迅

2.层叠特性

CSS的另一个特性就是层叠性。层叠性是指当有多个选择器都作用于同一个元素时，即多个选择器的作用范围发生了重叠，CSS将按照一定的原则进行处理。
如果多个选择器定义的规则相互之间并不冲突，那么元素将应用所有的选择器定义的样式。如果多个选择器定义的规则发生了冲突，那么CSS将按照选择器的优先级让元素应用优先级高的选择器定义的样式。有关选择器优先级在后面进行介绍。

	
		
		
	
	
	
		
标记选择器
		
标记选择器和类选择器
		
标记选择器、类选择器和ID选择器
	

二、CSS样式

1.行内样式

如果CSS在HTML元素标签内部书写，这样的样式称为行内样式。

行内样式

2.内部样式

内部样式是将css样式编写在页面内部，但所有的样式都编写在

内部样式

3.外部样式

通过link标签引入的一个或者多个单独的css文件，叫做外部样式。

外部样式

三、CSS优先级

  1.ID选择器优先级别高于类选择器 

      当HTML同一个元素，同时设置了ID选择器和类选择器样式，ID选择器的优先级会高于类选择器。

  2.后面的样式覆盖前面的样式 

     当同一个元素，设置多个类型相同，但是属性值不同，那么越靠后的选择器优先级越高。这里的先后顺序并不是只属性中的先后

顺序，而是