选择器：给谁修改样式+内容：修改什么样式。
类选择器：标签选择器（p）；类名选择器.类名（class定义，可多次调用，name可以重复）；id选择器#id(一次性的，id不能重复)；通配符选择器*(所有标签都要涉及)
多类选择器：class=类名+空格+类型，同时具有2种类的风格(风格相同部分放在一个类里，减少代码冗余)
复合选择器(多个基本选择器构成)：
后代选择器：包含选择器，可选择父代选择器种的子选择器。元素1+空格+元素2(可以为孙子等)，修改元素2中的内容。如ol li选择ol中的所有li；
子代选择器：只能选择作为某元素的最近一级子元素(就是选择亲儿子，也就是靠近的第一个元素)元素1>元素2；
并集选择器：选中的一起修改，元素1,元素2；
伪类选择器：用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或者选择第1个，第n个元素。用冒号表示，比如:hover。 链接伪类（安装LVHA顺序写）🅰️link（选择未被访问的链接）；a:visitied（选择所有已被访问的链接）a:hover（选择鼠标指针位于其上的链接）a:active（选择活动链接(鼠标按下未弹起的链接)）。 表单伪类：:focus用于选择获得焦点的表单元素(焦点一般情况下input标签才能获取input:focus).
text-indent：2em,文本缩进2个字符 单位：px:像素，em:相对单位，相对于当前文字大小的单位
line-height：px,行间距，行间距用于设置行高，可以控制文字行与行之间的距离，多余的间距由上间距和下间距平均分配。
line-height高度=盒子高度可以实现垂直居中
块元素： 独占一行，宽度、高度、外内边距都可以控制，宽度默认是容器的宽度(父级宽度)的100%，文字类元素(p\h1等)内部不能使用块元素。
行元素： 一行可以放多个，宽高设置无效(< a >< strong > )，默认宽度就是它本身内容高度，行内元素只能容纳文本或其他行内元素，链接里面不能放链接，但是a标签里面可以放块元素。
行内块元素: 一行可以放多个，可以设置宽度。
元素块行模式转换：display:block-行转块，display:inline-块转行，display:inline-block-行内元素转换成行内块元素
background-repeat：默认平铺，repeat-背景图片平铺，背景图片重复直到把空间占满。
background-position：(x y)，可以是坐标，也可以是访问名称：center、top等，如果只写一个访问名词或者一个坐标，默认居中。还可以是混合单位（center,20px）;
背景固定和滚动:background-attachment:scroll/fixed（背景随着滚动/背景图像固定）
border三个属性：border-width,border-style,border-color.（简写：border:5px,solid,red)
边框分开写法:border-top;border-bottom等
border-collapse：合并相邻边框
盒子+边框：会让盒子的实际大小变大。盒子实际大小=盒子大小+边框。
padding:盒子内容与边框的距离。
padding-top，-bottom，-left，-right。 padding值得个数：
值得个数代表意思padding:5px1个值代表上下左右都是5pxpadding:5px 10px2个值代表上下是5px，左右是10pxpadding:5px 10px 20px3个值代表上下5px，左右10px，下30pxpadding:5px 10px 20px 30px4个值代表上5px，右10，下20，左30，顺时针方向padding影响盒子大小：会撑大盒子。盒子实际大小=盒子大小+内边距。(如果div没有指定大小，则对应不会撑开大小) 应用：做导航栏时，字数不一样的div最好用padding去撑开盒子，不用指定每个div大小不同。
margin:控制盒子和盒子之间的距离
margin-top，-bottom，-left，-right。 padding值得个数所代表意思和padding一样。
margin-left和margin-right的值为auto时，盒子水平居中
