文本样式：
文本缩进：text-indent :数字+px(em) 1em=当前标签fontsize的大小 （默认缩进两个字符大小，text-indent:32px 默认字号16）
文本水平对齐方式：text-align left左对齐 center 居中对齐 right 右对齐 可以让文本、span标签、a标签、input标签、img标签水平居中，需要对以上元素的父元素设置
文本修饰：text-decoration
下划线 underline (常用)
无装饰线 none (常用于清除a标签下的下划线)
删除线 line-through
上划线 overline
行高：line-height 控制两行文字之间的距离 默认50（上间距+文字+下间距） line-height：数字+px /（当前font-size倍数） 应用1.单行文字垂直居中：line-height：文字父元素高度 应用2.网页精准布局时，取消上下间距：line-height：1 如果同时设置了行高和font连写，注意覆盖问题
font：style weight size/line-height family；（倾斜 加粗） 字号/行高 字体
颜色常见取值 关键词：red、blue... rgb表示：rgb（0，0，0） rgba表示：rgba（255，255，255，0.5） 16进制表示法：#000000、#f00
标签水平居中 margin：0 auto 针对于固宽度的盒子，如果大盒子没有设置宽度，则默认占满父元素的宽度。
0表示上下距离
auto表示左右距离
选择器的进阶
1.复合选择器
后代选择器：空格 ——【 父选择器 后代选择器 {} 】
从父选择器中选中对应的后代选择器，对其设置样式。（选中儿子、孙子、重孙子）
子代选择器：> ——【 父选择器>子选择器{} 】
从父选择器中选中对应的子选择器，对其设置样式。（仅选中儿子）
2.并集选择器 ：， 【 选择器1，选择器2 {}】
同时选中多组标签，设置相同样式
注意：并集选择器之间用，分割
并集选择器中的每组选择器可以是基础选择器或者复合选择器
并集选择器中的每组选择器**通常一行写一个**，提高代码的可读性
3.交集选择器 【 选择器1选择器2{} 】
注意：两个选择器是紧挨的 没有东西分隔
如果有标签选择器，标签选择器必须写在最前面
4.hover伪类选择器【 选择器：hover{css} 】
选中鼠标悬停在元素上的状态，设置样式
注意：任何标签都可以添加伪类，都可以鼠标悬停
5.Emmet语法：通过简写语法，快速生成代码
.a
#a
<div id="a"></div>
p.a
<p class="a"></p>
p#a
<p id="a"></p>
p.a#a
<p class="a" id="a"></p>
div>ul>li*3
<div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
ul>li{abc}*3
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
ul>li{$}*3
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
css属性提示：单词首字母
w100+h100+bgc 同时设置宽高背景
背景相关属性
背景颜色：background-color（bgc）【一般用关键字、rgb表示、rgba表示、十六进制表示，默认rgba（0，0，0，0）全透明】
背景图片：background-image（bgi）：url('图片路径')；【默认水平垂直平铺】
背景平铺：background-repeat(bgr): [repeat：默认平铺 | no-repeat：不平铺 | repeat-x ：x轴平铺 | repeat-y：y轴平铺]
背景位置：background-position（bgp）：水平方向位置 垂直方向位置；【方向名词：left、right、center、top、botton 数字+px：（x，y）】 注意：方位名词和坐标值可以混使用，第一个值代表水平，第二个值表示垂直 英文单词可以颠倒位置，坐标不可以 background-position: right 0; 右上 background-position: center(); 水平居中
背景相关属性连写
background(bg)：color image repeat position [不分先后顺序 可以按需求省略]
注意： 要么把单独的样式写在连写下面，要么把单独的样式写在连写的里面
