css基本语法，选择器的选择与使用

css基本语法

选择器 { 属性1；属性值1；属性2；属性值2； ......}

三种导入方式

内联(html当前标签里插入style)＞内部（html代码中head里插入style）＞外部（link链接css文件）

选择器

元素选择器，例：

h2 {...... }

类选择器，例：

.yuanshen {.......}

ID选择器，例:

#yuanshen {......}

通用选择器，例：

* {........}

子元素选择器，例：

.yuanshen > a {..........}

后代选择器，例：(用的较多)

.yuanshen a {.........}

相邻元素选择器，并集元素选择器，例：

h3 + a {..........}       

h1,

.yuanshen,

h3 {..........}       （前面的部分链接用“，”，每个项单独起一行）

伪类选择器

例如：(可用于鼠标悬停至xx，使其变色/出二级菜单一系列应用场景)

#element:hover {.........}

这里面牵扯较多，详细来看看：

a:link	选择所有未被访问过的链接
a:visited	选择所有已被访问过的链接
a:hover	选择鼠标指针位于其上的链接
a:active	选择活动链接（鼠标按下未弹起时）

并且为了确保生效，要按照，link visited hover active的顺序来写，不然有可能不生效

:focus伪类选择器

用于选取获得焦点的表单元素

焦点=光标，一般是input类表单元素才能获取，因此这个选择器也是主要针对表单元素

input:foucus {background-color:  ...  ;}