html css 面试题

1. 如何理解HTML语义化

        1，可读性，易读性

        2，seo搜索引擎更容易读懂

2，哪些是块元素，哪些是内联元素

        1：div，h1，table，ul，p

        2：span， img， input， button

3，盒子模型的宽度计算

       标准盒子模型 offsetWith = content+padding+border    

4，BFC（块极格式化上下文） 理解和应用 

        1.   float 不是none

        2，position是absolute或fixed

        3，overflow不是visible

        4，display为flex，inline-block

        应用：清除浮动

5，float布局问题，以及clearfix

 .cleatfix:after {

                        content:'';

                        display:table;

                        cleat:both;

                        }

6，absoulte与relative分别依据什么定位

        relative依据自身定位

        absoulte  依据最近一层的定位父元素定位     

7，居中对齐的实现方式

        inline元素：水平：text-align：center。垂直：line-height的值等于height的值

        block元素：水平：margin：auto。

        absolute元素：水平：left：50%+margin-left负值。

                                垂直：top：50%+margin-top负值

                                           transform:translate(-50%,-50%)

                                            top,left,bottom.right = 0 +margin:auto

8，rem是什么

        px，绝对长度单位

        em，相对长度单位，相对于父元素

        rem，相对长度单位，相对于根元素

        vh，网页视口高度的百分之一

9，响应式布局的常用 方案

       media-query 根据不同的屏幕宽度设置根元素font-size