css学习笔记

css：
　　1.概念：

　　　　层叠样式表，主要用于修饰网页，使网页更加美观

　　2.用法：

　　　　应用于标签中 <div style:></div> 内联式

　　　　应用于HTML head标签中  内部式

　　　　写于外部文件，通过link连接，外部式

　　3.语法：

　　　　选择器{

　　　　　　　　样式名:样式值；

　　　　　　　　样式名:样式值　

　　　　　　　　}

　　4.选择器：

　　　　1.核心选择器

　　　　　　标签选择器 div {}

　　　　　　类名选择器 .class{}

　　　　　　id选择器 #id{}

　　　　　　组合选择器div#id{}

　　　　　　逗号选择器 .class,div,#id{}

　　　　2.层次选择器

　　　　　　子元素 div>ul>li{}

　　　　　　后代 .nav li (注意是下一代中的li){}

　　　　　　下一个兄弟  .nav>ul>li+*{}

　　　　　　之后所有兄弟 .nav>ul>li~*

　　　　3.属性选择器

　　　　　　input[type=text] 选择属性是type类型，同时是单行文本框

　　　　　　input[type^=t]  选择以t开头的属性

　　　　　　input[type$=t]　选择以t结尾的属性

　　　　　　input[type*=t]　选择含有t的属性

　　　　4.伪类选择器

　　　　　　:link　　a标签还未被访问

　　　　　　:hover　　光标悬浮在元素上

　　　　　　:action　　a标签被点击但未被放开

　　　　　　:visited　　a标签被访问过

　　　　　　:first-child　　第一个子元素

　　　　　　:last-child　　最后一个子元素

　　　　　　:nth-child(v)　　v可以是数字、公式、关键字

　　　　　　:first-of-type　　不同类型中，一个类型中的第一个
       　　     :last-of-type　　不同类型中，一个类型中的第一个
           　　 :nth-of-type

　　　　5.伪元素选择器

　　　　　　::after

　　　　　　::before