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
原文:https://www.cnblogs.com/ys199610/p/11278598.html