这是我参与第五届青训营伴学笔记的第二天，今天认识和学习了CSS。
什么是CSS?
CSS：Cascading Style Sheet 层叠样式表
是一组样式设置的规则，用于控制页面的外观样式
为什么要使用CSS？
实现内容与样式的分离，便于团队开发
样式复用，便于网站的后期维护
页面的精确控制，让页面更精美
CSS的作用？
页面外观美化，布局和定位。
CSS的基本语法
<style>
选择器{
属性名：属性值;
属性名：属性值;
}
</style>
</head>
- 选择器：要修饰的对象（东西）
- 属性名：修饰对象的哪一个属性（样式）
- 属性值：样式的取值
CSS的应用方式
三种方式，内部样式，行内样式，外部样式
1.内部样式,也称为内嵌样式，在页面头部通过style标签定义 对当前页面中所有符合样式选择器的标签都起作用
2.行内样式 也称为嵌入样式，使用HTML标签的style属性定义 只对设置style属性的标签起作用
3.外部样式 使用单独的 .CSS 文件定义，然后在页面中使用 link标签 或 @import指令 引入
选择器
基础选择器：
- 标签选择器，使用HTML标签作为选择器名称。
- 类选择器， 使用自定义的名称，以 . 号作为前缀，然后再通过HTML标签的class属性调用类选择器，以标签的class属性作为样式应用的依据
- ID选择器， 使用自定义名称，以 # 作为前缀，然后通过HTML标签的id属性进行名称匹配以标签的id属性作为样式应用的依据，一对一的关系
复杂选择器
复合选择器，组合选择器，嵌套选择器。
伪类选择器
根据不同状态显示不同样式，有四种状态。
- :link 未访问的链接
- :visited 已访问的链接
- :hover 鼠标悬浮到连接上，即移动在连接上
- :active 选定的链接，被激活
优先级
- 行内样式>ID选择器>类选择器>标签选择器
- 内外部样式加载顺就近原则
- !important可以使用!important使某个样式有最高的优先级
常用属性
- 颜色color： 四种写法，英文单词，16进制rgb值，特定情况下的缩写，rgb函数。
