一：CSS的三种引入方式
1：行间式
①：在标签头部的style属性内
②：属性值满足的是css语法
③：属性值用key：value形式赋值，value具有单位
④：属性值之间用分号（；）隔开
例：
2：内联式
①：在style标签内（style标签一般作为head的子标签）
②：属性值满足的是css语法
③：属性值用key：value形式赋值，value具有单位
④：属性值之间用分号（；）隔开（一般独行分开赋值）
⑤：格式：选择器{样式块}
例：
3：外联式
①：在外部CSS文件中
②：属性值满足的是css语法
③：属性值用key：value形式赋值，value具有单位
④：属性值之间用分号（；）隔开（一般独行分开赋值）
⑤：格式：选择器{样式块}
⑥：将html与css文件建立联系：html通过link标签链接外部css（一般在head中进行链接）
例：
二：CSS三种引入方式的优先级
CSS的三种引入方式并没有优先级，三种方式是协同布局，不重复的属性一定为唯一位置的唯一值。
重复的属性采用覆盖赋值，保留最后位置的属性值。其中行间式一定是逻辑上最后被解析的位置（js正常操作的
就是行间式）
注意：！important会影响CSS的三种引入方式的优先级。
例：
三：长度与颜色单位介绍
1：长度单位：px(像素) in(英寸) pt(72分之一英寸) cm mm em(1em=通常16px) rem vw窗口大小 vh
2：颜色单位：rgb() rgba() #六个十六进制位(满足AABBCC形式可以简写为abc) hsl()色相,饱和度,明度
例：
四：常用样式详解
1：字体样式：
①：font-size (大小) :
②：font-weight (字重)：bold(粗体) normal(正常) lighter(细体) 100~900(由细到粗)
③：line-height (行高)：行高设置大于等于字体大小，字体在行高中垂直居中显示
④：font-style (字体风格)：normal(正常) italic(斜体) oblique(斜体)
⑤：font-family (字族)：css语法：空格隔开为多个值赋值，逗号隔开为一个值多值赋值
例：
2：文本样式
①：color (颜色):
②：text-align(水平居中方式)：left center right
③：text-decoration(字划线)：underline(下划线) line-through(中划线) overline(上划线) none
④：letter-spacing(字间距)：
⑤：word-spacing(词间距)：
⑥：vertical-align(纵向排列)：top(上对齐) baseline(文本基线对齐) middle(中对齐) bottom(底端对齐)
⑦：text-indent(缩进)：
⑧：word-break(换行)：按照标签的设定宽度强行换行，可以在单词（整体）内部换行
例：
3：背景样式
①：background-image(背景图片)：
②：background-repeat(平铺)：repeat(平铺) no-repeat (不平铺) repeat-x(x轴平铺) repeat-y(y轴平铺)
③：background-position(定位)：例：10px 等于 10px center 设置一个值，第二个值默认为center
10px 10px 第一个值控制水平位置，第二个值控制垂直位置
也可以使用方位：top bottom left right center
④：background-attachment(定位相关的涉及到滚动时的效果)：scroll fixed
例：
五：CSS基础选择器
1：通配选择器：以*开头，匹配所有（html，body，body中的所有子标签）（具有显示效果的所有标签）
例：
2：标签选择器：以标签名开头，匹配指定标签名的对应所有标签
例：
3：类选择器：以点(.)开头，匹配指定类名对应的所有标签
例：
4：id选择器：以#开头，匹配指定id名对应的唯一标签，由于html，css都是标记语言，所以对id可以进行多匹配，
但js是编程语言，只能匹配到一个。
例：
总结：通配选择器一般用于整体reset操作(reset操作：清除系统自定义样式)
例：
标签与id选择器运用场景并不多，一般不提倡采用id选择器进行布局。
类选择器为布局首选(建议基本全用class选择器进行布局)
基本选择器优先级：id > class > 标签 > 通配
原文地址：https://www.cnblogs.com/duanxiangyang/p/9681649.html