自学的一些面试题-html

本节：html语义化、html语义化、水平居中垂直居中、px、em、rem的区别

1.html语义化就是代码更容易阅读，比如分了p，h1,ul,li之类的标签，让 搜索引擎爬虫可以更容易读取html文件，可以通过标签来获取值

2.html语义化，就是两个div，同时设置，margin-top:10,margin-bottom-50, 那么这两个div上下的距离还是50，而不是60，因为会覆盖掉，所以叫margin塌陷

3. div不换行，div内容横向平均分布：首先 display:flex,然后 justity-content:space-between;

设置一样的class名里面具体的第2个div 的样式，使用 .class名:nth-child（2）{ align-self:center; }

align-self:center; 是垂直方向的居中。

设置一样的class名里面具体的第3个div 的样式，使用 .class名:nth-child(3){ align-self:flex-end; }

align-self:end; 是垂直方向的最下面。

4.position:relative是父级定位，相对于body整个页面最左上角开始定位；position:absolute是子级定位，它会相对于父级的位置来定位，

5.水平居中不同元素，使用不同的方法。

 absolute 定位的元素：

 

6.垂直居中的方法 

7.px、em、rem的区别

 html根元素就是 html{ }