css样式介绍以及选择器介绍

 css：层叠样式表（css样式表）

，主要用来设置HTML文本内容的（字体，大小，对齐方式）图片的外形（宽高，边框样式，边距等等）以及板面的布局等外观样式，css以html为基础，提供了丰富的功能，而且还针对不同的浏览器设置不同的样式 
<!-- 引入css样式表的三种方式 -->
<!-- 1.行内样式表:通过style标签的style属性来设置元素的样式 -->
<!-- 2.内部样式表：css代码集中写在html文档中的head头部标签当中，并且要使用style标签定义。 -->
<!-- 3.外部样式表：1）建立css文件 2）链接进入。两种方式：一种是：<link rel="stylesheet" type="text/css" href="目标路径" />rel:用于定义文档类型，表示关联样式表；type：定义文档类型，href:用来写css样式的地址。另一种是：<style type="text/css">@import url(地址)</style>(一般不用)。 两种导入外部样式的差别（面试常考）：一、老祖宗的差别：link属于XHTML标签还可以定义RSS，import属于css提供的方式只能加载css。二、加载顺序的区别，link同时和页面加载，import等页面下载完毕再被下载。三、兼容性差别：import只能在IE5以上的才能识别，而link标签没有此问题。四、使用dom控制样式的差别：js控制dom改变样式的时候只能使用link标签，而@import不是dom可以控制的。-->

css选择器

选择器：用来选择标签的 
标签选择器：根据标签名，选择标签 

类选择器：根据标签的class属性值来选取标签，可以选择一个标签或者多个标签

id选择器：通过一个标签的id值来选择标签 它是惟一的 eg:id="a",style中#a

  *通配符选择器：*代表所有标签的意思，会选择页面中的所有标签  

 (空格)后代选择器：可以选中某个标签中的所有子孙标签 */eg：ul div>a{}
   父子选择器：可以选中某个人标签的直接子标签 */ul>div>a{}

交集选择器：表示既，又 ，既要是div标签，而且class属性值还要是a
        div.a{ }

 并集选择器：表示和 
        h1,span,a{}

权重：类型选择器的权重：0001   class选择器的权重：0010   ID选择器的权重：0100
包含选择符的权重：包含的选择符权重之和  内联样式的权重：1000

css伪类链接选择器     

1.   书写顺序：link，visited，hover，active

 visited的优先级高于link，当链接同时满足筛选条件的时候，会显示visited的样式 

link：链接未被访问的状态。visited：链接被访问的状态。

鼠标经过时的状态 a:hover{ }

鼠标点击时候的样式  a:active{}

2. nth-child（）{}：选中第几个标签   nth-of-type(){}选中第几个标签