html，css学习笔记

1，元素垂直居中：
2，定位。
1）设置的left，top要设置position之后才起作用。
2）position: absolute;绝对定位脱离文档流，是基于父类定位的而定位，特征是脱离文档流，可以重叠
3）当父类没有高度（height）的时候才可以撑开父类
4）清楚浮动的三个，设置一个伪类，clear：both；在最后一个浮动元素之后设置一个div清楚元素；在要清除浮动的元素里面设置over-flow：hidden
5）div p:first-child通常一起用
6）行内元素忽略上下外边距，有内边距和左右外边距。<span><a><i>

8/20/2017

1，居中方式：设置脱离文本流，即使：position: absolute; 注意absolute会找也有postition的父元素，同时如果没有的话，标准是html或者boby。设置top: 50%; left: 50%; 这时候并没有能居中，需要margin来定位：-50px -50px 100px -50px 注意这里是顺时针的方向，－代表向，正数是与指定的距离。像素是本身的一半。
2，padding 没有负数，正数是向哪边填充
3，行内元素的纵向padding和margin都是不考虑的，设置了不会有效果。要设置上下的距离的话就设置`line-height
4，浮动：对块级元素影响：浮动之后，元素不占用标准流，AB元素，A浮动之后，B占用A原来的位置，A浮动流在标准流之上，所以会覆盖B，如果A前面有浮动元素，A紧跟它后面，不够位置的话就到下一行。A前面的元素如果不浮动的话，就会跟着它下面。
对行内元素，浮动之后，行内元素并不能占用A的位置，只能围绕在A的周围。
清除浮动
父类设置overflow：hidden，父类结束前设置clear：both；
设置伪类 div:after{clear:both}

5，当元素设置position后，可以覆盖浮动的元素。