css基础不扎实

写了两周的网页，发现自己的css基础还是很差的，当时培训学习的时候就发现了，我做的页面都特别的别扭和丑吧，在班级上应该是垫底的；

原先只知道用float，不会使用定位，网页连固定定位也不会，现在发现，原来手机移动端，使用的多的是绝对定位，相反浮动也就没有那么多的。

浮动后的元素，其父级元素如果想让其内容自动撑开，就得使用清楚浮动了，具体办法就是

div:before和div:after

1. content: "";
2. clear: both;
3. display: block;
4. height: 0;

这样就可以自动撑开父元素了。

第二个就是，当块元素内容文字不确定为几行的时候而其父元素确定高度，又想让它文字只有一行和多行都可以垂直居中的时候，就可以在文字外面嵌套个无意义标签，

比如span或者i或者em都可以，给它设置属性

word-wrap: break-word;
position: absolute;
left: 0;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
就可以自动换行并且垂直居中。
原以为html和css很简单，原来我接触的还是皮毛，还有很多都没见过的。