css的一些知识梳理

为什么要把css样式表放在head标签里

因为这样可以避免浏览器在样式表加载之前用默认样式显示文档，避免因此造成的页面闪烁。

常见水平居中元素的各种方法

1. inline元素的话，直接为父元素设置text-align:center就行。
2. block元素的话，要给元素设置宽度（这个相当重要），然后设置左右margin为auto。
3. float元素的话，还是要给元素设置宽度（利于之后的margin取值），然后position设为relative，再设置left:50%;,最后将margin-left设置为元素宽度一半的负值。
4. position:absolute;绝对定位的元素的话，跟float差不多，只不过不用更改position了。

延伸一下，再谈谈布局

1. 居中布局，可以让block元素变成inline-block，再使用text-align:center的方式将其居中。要注意的是，因为text-align:center会继承，所以如果子元素中包含inline元素如文字的话，也会被居中，可以在子元素上设置text-align:left重置。
2. 如果支持flex的话，可以使用flex。对父元素如下设置就可以：
   display:flex;
justify-content:center;
3. 同样还是利用flex，对父元素设置flex，然后对子元素设置两边的margin为auto也是一样的效果。