css的单位
css单位分为两个：1、绝对单位 2、相对单位
1、绝对单位：in cm mm pt pc
in=2.54cm=25.4mm=72pt=6pc。
各种单位的含义：
in：英寸Inches (1 英寸 = 2.54 厘米)cm：厘米Centimetersmm：毫米Millimeterspt：点Points，或者叫英镑 (1点 = 1/72英寸)pc：皮卡Picas (1 皮卡 = 12 点)
2、相对单位
px：像素（最常用）
em：相对于元素本身字体大小
%：百分比，相对周围的文字的大小
rem相对于根元素的大小 根元素默认16px
vh 相对于当前可视高度的1%
vh 相对于当前可视宽度的1%
vmax相对于当前可视宽和高之中最大的
vmin相对于当前可视宽和高之中最小的
css的引入方式
1、行内样式
<p style="height: 100px;background-color: red;">我是一个段落</p>
这就是行内样式 在元素的style属性写入样式值 不怎么用！
2、内部样式
<style>Css样式<style>这就是内部样式 在style标签中写入css样式值。通常在css样式不多时使用
3、外部样式
写一个后缀为css的文件然后通过以下两种方式引入
<link href=”css文件路径/name.css” rel=”stylesheet”/>（常用）
@import url(css文件路径)
区别
link是html标签不存在兼容问题 能边下载css文件边解析 后面能通过js修改css样式
@import 存在低版本浏览器不兼容 下载完css文件才能继续操作 不能通过js修改
css选择器（重点 ）
css选择器分四类：1、基本选择器 2、选择符3、伪类选择器 4、伪元素
1、基本选择器
标签选择器：在 css 中直接书写标签进行选择 html 元素
ID选择器：利用 html 标签的 id属性进行选择元素，在 CSS 中使用 # 进行匹配, 同一个ID页面只能使用一次
类选择器：利用 html 标签的 class 属性进行选择元素，在 CSS 中使用 . 进行匹配， class 可多次使用
通配符选择器： 选择所有 html 标签，与 html 标签无关，在 CSS 中直接书写 *
2、选择符
选择符是用于描述元素与元素之间的关系，主要有：
空格：表示后代关系>: 父子关系~: 兄弟关系(它后面的兄弟)+: 相邻兄弟关系,: 并列关系没有符号：描述同一个标签
3、伪类选择器
伪类和选择符配合起来可以实现很多的纯 CSS 交互效果。
E:hover 鼠标移动到元素上
E:active 鼠标点击
E:focus 获取焦点
E:enabled 选择所有启用的表单元素
E:disabled 选择所有禁用的表单元素
E:read-only 实现只读效果
E:read-write 选择没有只读属性的元素属性
E:checked 选择所有选中的表单元素
E:invalid 选择所有无效的元素
E:valid 选择所有有效值的属性
E:required 选择有"required"属性指定的元素属性
4、伪元素
伪元素的特征是其前面有两个冒号 ( :: ), 常见的有::before, ::after, ::first-letter和first-line等
css优先级（重点）
首先，CSS的优先级有着不可逾越的等级制度，我们可以其分为 0~5 这6个层级，其中前4个由选择器决定，后 2 个由书写形式和特定语法决定，下面对6个等级继续讲解：
0级：通配符选择器，选择符和逻辑组合伪类
通配符和选择符不在说明，逻辑组合伪类有：not(), :is(), :where 等，这些伪类本身并不影响优先级，影响优先级的是括号里的选择器
1级： 标签选择器，伪元素选择器
2级：类选择器、属性选择器、伪类
3级：ID 选择器
4级： 标签内联 style 属性
5级：!important
增加自己权重提高优先级时，直接自增能不受其他选择器的改变而影响
就近原则 顺序原则 -- 当权重相同的时候 后面的写的会覆盖前面写的
css的目前就这么些了吧，后面的我学习理解了再更新！
