css样式表,选择器，伪类选择器

CSS定义

CSS：Cascading Style Sheet（层叠样式表）

选择器 {
    属性名: 属性值;
}

CSS样式表

（1）三种样式表使用

　　·1> 内联样式

　　<div style = 'width:100px ;height:100px'></div>

　　`2> 内部样式

　　<style type='text/css'> 

　　　　div{

　　　　　　width:100px;

　　　　　　height:100px;

　　　　}

　　</style>

　　`3>外部样式

　　<link rel='stylesheet' type='text/css' herf=''>

选择器

（1）6大基础选择器

　　`1> id选择器：唯一对应

　　`2> 类class选择器：统一对应

　　`3> 标签选择器：初始化标签使用

　　`4> * 通配符标签

　　`5> 属性选择器：表单中input常用   

　　`6> 最高优先权  ！important

　　******  权重值： ！important > id > class > 属性 > 标签 > *

（2）复合选择器

　　1> 派生选择器（父子选择器），从右到左匹配。包含两种：包含选择器和子选择器

　　2> 相邻兄弟选择器：1.同父级；2.相邻；3.在其之后

　　3> 兄弟选择器 ~ （匹配选择器）

　　4> 并列选择器

　　5> 分组选择器

伪类和伪元素

　　CSS2中伪类和伪元素都是要单冒号（:）

　　CSS3中伪类使用单冒号（:），伪元素使用双冒号（::）