CSS（使块元素按需要显示）实体： <>单位绝对单位10px相对单位1emem相对于元素字体大小1remrem相对于html元素选择器颜色关键字中设置的字体大小pinkhexadecimal#ffffff2.使用Basicstyle.iconfont{font-family:"iconfont"!important;字体大小：16px；font-style:normal;}specialstyle.icon-aixin:before{content:"\e8ab";}引用1.Rules文本规则：（针对框内容修改，可继承）text-align:centerboxcentered:margin:0auto框内内容水平居中：text-align:centerbox内内容垂直centering:heigjt:50px;;行高：50px；vertical-align（行内元素垂直排列）middletext-decorationunderline（下划线）overline（上划线）line-through（删除线）text-decoration-color（简写形式）overflow:hidden/visable/initial/scroll（滚动）overflow-x（左右）溢出-y（上下）字体规则：（针对框内容修改，可继承）font:font-family:'MicrosoftYaHei';字体颜色颜色：字体粗细字体粗细：粗体/浅色字体样式字体样式：斜体/普通字体草图字体：字体粗细字体大小/行高字体系列（字体：）MicrodoftYaHei12px/1.5背景颜色背景-图片：网址（“”）背景重新peat:no-repeatclipping起点background-clip:padding-box铺设起点background-orgin:content-boxbackground-size:cover/containbackground-position:50px100px/centerbackground-color:listrulelist-style:noneformruleborder-collapse:collapse（td加边框的时候，可以加到table里面合并下一个边框）opacity（透明度）2.浮动布局（块元素排成一排的问题）盒模型（块元素)marginborderborder:1pxsolid#cccborder-topborder-top-styleborder-top-widthborder-top-colorborder-rightborder-bottomborder-leftboder是border-top,border-right,border-bottom,border-leftinner的简写形式marginpaddingpadding-toppadding-rightpadding-bottompadding-leftsketch:05pxtopandbottom0leftandright505px10pxtop0andleft5bottom1005px10px20pxtoprightbottomleftwidthwidthheight1)奇怪的盒子模型（即)jqueryvue/react/angular不支持ie8——box-sizing：contenr-boxbox占用的宽度=width（包括border+padding+content宽度）1）传统盒模型box-sizing：contenr-box占用的宽度contenr-boxbox=border+padding+width多个块元素在一行显示1.float:左/右块元素与默认文档流分离，默认宽度为0，支持父元素的能力为丢失的。浮动流中，多个浮动元素显示在一行中，会自动换行。一个i2。清理浮动为容器添加子元素，一般用作伪元素ul.list::after{content:"";显示：块；clear:both;}2.定位布局position:static//默认staticrelative相对点：元素所在文档流的初始位置是否与文档流分离：否使用方法：一般不移动，作为相对点绝对相对点：最近的父定位元素元素，如果不是，相对于浏览器视口是否与文档流分离？看固定相对点：相对于视口，不会随着浏览器的滚动而滚动，称为定位布局，可以使用定位属性：left,right,top,bottom相对点是否脱离文档流
