从1到0——重识前端之css基础与选择器

css层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，拥有对网页对象和模型样式编辑的能力。

样式：
1.0行内样式

2.0内部样式
在head中通过style定义相关标签的属性

p{
color:red;
font-size: 20px;
}

3.0外部样式
在head中通过link标签引入外部样式

样式选择器：
1.0 id选择器：

id选择器

first{

font-size:20px;
}

first.line{

}
5.0伪类选择器
伪类的语法：
selector : pseudo-class {property: value}
CSS 类也可与伪类搭配使用。
selector.class : pseudo-class {property: value}
锚伪类
在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。
a:link {color: #FF0000} /* 未访问的链接 /a:visited {color: #00FF00} / 已访问的链接 /a:hover {color: #FF00FF} / 鼠标移动到链接上 /a:active {color: #0000FF} / 选定的链接 */