1.伪元素 伪元素是元素在页面的一种显示形式，你看的到它，却找不到它，之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。
常用的有 ::after 、::before、::placeholder
2.常用布局float 浮动
先了解文档流：元素正常情况下，从上自下(块级元素)，从左到右(行内元素)的规则进行排列，使用浮动就可以打破块级元素从上自下的排列方式
浮动，脱离文档流，但不脱离文本流，使用float:left或float:right让元素达到左右浮动(出现在上一个元素的左侧或右侧)的效果
为了防止浮动影响其它元素，我们还需要在使用浮动后清除浮动，清除方法
一：利用伪类::after 或::before 让他们转化为块级元素，然后添加clear:both 极力推荐
二：在最后一个子元素的后面在添加一个块级元素，添加clear:both
三:给父元素设置宽高，或设置overflow;hidden属性
3.样式优先级
最优先触发的是,min-width或height 然后是 max-width或max-height
然后是 !import>行内样式>id设置的样式>class设置的样式>元素名设置的样式>通配符设置的样式>继承的样式