标签：over 标签 外部 bsp 多个 repeat indent 背景图片 top
一：CSS的三种引入方式
1：
⑤：格式：选择器{样式块}
例：
⑤：格式：选择器{样式块}
⑥：将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：
例：
2：
例：
例：
但js是编程语言，只能匹配到一个。
例：
总结：通配选择器一般用于整体reset操作(reset操作：清除系统自定义样式)
例：
标签与id选择器运用场景并不多，一般不提倡采用id选择器进行布局。
类选择器为布局首选(建议基本全用class选择器进行布局)
基本选择器优先级：id > class > 标签 > 通配
标签：over 标签 外部 bsp 多个 repeat indent 背景图片 top
原文地址：https://www.cnblogs.com/duanxiangyang/p/9681649.html
