1.float+clearfix 套路解决浮动

.clearfix::after{
content:'';
display:block;
clear:both;}

2高度是由什么决定的

div的高度是由文档流高度的总和决定的
span的高度是由行高决定的

css常用标签

color 颜色
text-decoration:none 去掉下划线
padding:; 外边距
margin:; 内边距
width: 宽
height: 高
font-family:; 文字字体
font-sizi:; 文字大小
border:; 边框
list-style:none; 去掉列表前的点

line-height：50px；

中线对齐50px盒子的高度
position:fixed;脱离文档流，相对于屏幕固定
background-position: center center;图片居中
background-size:cover;图片自适应
background-color: rgba(0,0,0,0.6)图片黑色百分之60透明
background: transparent;颜色变成透明

伪元素和伪类的应用

div里的伪元素有两个，分别是::before和::after

伪元素是默认隐藏的

::before位于盒子的最前方
::after位于盒子的最后方
contente:''让伪元素出现

伪类

li:nth-child(odd)选中li中的奇数
li:nth-child(even)选中li中的偶数

border-box的应用

box-sizing: border-box;让padding和margin值在盒子内实现