1.左右布局这是指一个属性float。使用浮动：左；可以使浮动元素脱离正常的文档布局流，吸收到其父容器的左侧。正常布局中浮动元素下方的内容将环绕浮动元素以填充其右侧的空间。但是，如果子类使用float让元素并排，那么父类就需要使用clearfix来防止子元素下面的label浮动上去粘贴。.clearfix::after{内容：'';显示：块；clear:both;}这样所有的元素都会向左浮动，如果想左右浮动，可以设置最右边的元素为float:right;您可以实现左右布局。2.左中右布局左中右布局，父元素有三个子元素，先像左右布局一样将三个子元素并排浮动，然后为后两个元素，并设置父元素水平居中；可以实现左右布局
allframeworknativeJS&CSSli>
li{浮动：左；margin-left:40px;}ol{margin:0auto;显示：内联块；vertical-align:top;}3.内联元素水平居中(inline):text-align:center;对于块级元素（block）：设置width和margin-left和margin-right设置为auto对于多个块级元素：设置text-align:center；对于父元素，为子元素设置display:inline-block;;或者使用flexlayout4，内联元素垂直居中（inline）设置上下panding相等；或者为块级元素（block）设置line-height和heightequal，父元素需要使用相对定位：child元素使用绝对布局top:50%;，然后使用负的margin-top上拉子元素高度减半5.其他提示box-shadow可以给块设置阴影，看起来更立体。谷歌搜索cssshadowgenerator可以自己调整样式。过渡：全部0.3s；animation属性，可以为所有变化添加过渡动画和过渡时间。游标：指针；当鼠标悬停时，Itype会变成手指点击形状border:1pxsolidred;border边框可以用来调试标签的位置。设置显示时：inline-block；你需要添加vertical-align:top;删除底部的额外空间。背景图像：url（../img/girl.jpg）；设置背景图片background-position:centercenter;将背景图像垂直和水平居中，以及background-size:cover;这样背景图像就可以按比例缩放。谷歌搜索csslinear-gradientgenerator可以设置元素的渐变色，让一个元素包含多种颜色。
