H5前端学习之路第3天--前端面试题

Posted 2022-07-15 mcll

今天没有学习其他的,还是决定刷一些面试题看看

「 CSS篇 」

1. CSS 盒子模型，绝对定位和相对定位

盒子模型:一个元素是有content(内容),padding(内补白),border(边框),margin(外补白)四部分组成,而这四个部分就组成了css中的盒模型

绝对定位:position:absolute  固定定位:position:fixed

2. 清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法

当脱离文档流时,造成高度塌陷

方法:clear:both   overflow:hidden ||  auto

3. 如何保持浮层水平垂直居中

(1). 利用定位和transform 

 .children

　　position:absolute;

　　left:50%;

　　top:50%;

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

 

(2).  利用flexbox

.parent

　　display:flex;

      justify-content:center;

　align-items:center;