css选择器

@import url(./yi.css);  引入外部样式，但不常用，常用link因为link属于html标签 ，加载快。   

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

 css包括内联样式，内部样式，外部样式三种

1层级选择器 

 2后代选择器 空格  ul li{} 

3子代选择器  >    li>a{}

4相邻兄弟  div+a{}   选择第一个的下面 

5通用兄弟  ul li~p   li和p为同级  只选中p 

伪类选择器 

1状态伪类   必须按着这个顺序写

默认状态下的

a:link{color:red;}

访问过后的状态

a:visited{color:blue;}

鼠标悬浮时的状态

a:hover{color:pink;}

鼠标按下那一刻的状态

a:active{color:black;}

 结构型伪类

1 nth-child(n)

    first-child

    last-child

表示颜色的方式  

1.英语单词

2.十六进制如#fff

3.rgb()取值范围0-255，/rgba()a取值范围0-1     a为透明度，越低越透明。

4.hsl()h:0-360  红色，120 绿色  240 蓝色 (0-360)  hsla() a取值范围0-1

 css冲突:对同一个标签设置了多个同一样式例如文字颜色，那么我们遵循就近原则。

  css层叠:设置几种不同样式在最终显示时，会将几种效果叠加显示

  css继承:文字相关的样式可以继承

  布局相关的样式不能被继承   继承指后代关系