【九月打卡】第7天 前端工程师2022版 就业必备基础技术面试分析

课程名称：HTML与CSS面试课程

课程章节：HTML面试、CSS面试详解

课程讲师： 双越

课程内容：

HTML与CSS面试课

1、HTML面试课

一、如何理解 HTML 语义化？

1.让人更易读懂（增加代码可读性）

2.让搜索引擎更容易读懂（SEO）

二、默认情况下，哪些HTML 标签是块级元素、哪些是内联元素

1.块级元素：独占一行：display;block/table     div   h1   h2   table   ul    ol   p 等

2.内联元素：紧跟其他元素：display；inline/inline-block    span   img   input    button 等

2、HTML面试课

一、盒模型宽度计算

offsetWidth = (内容宽度 + 内边距 + 边框)，无外边框

100+20+2=122px

如果让offsetWidth等于100px,该如何做？

二、margin 纵向重叠问题

相邻元素的 margin-top 和 margin-bottom 会重叠

空白内容的也会重叠

最后结果是AAA的bottom:15px

三、margin 负值的问题

1.margin-top 和 margin-left 负值，元素向上、向左移动

2.margin-right 负值，右侧元素左移，自身不受影响

3.margin-bottom 负值，下方元素上移，自身不受影响

四、BFC的理解和应用

1.什么是BFC？如何应用？

Block format context，块级格式化上下文

一块独立渲染区域，内部元素的渲染不会影响边界以外的元素

2.形成BFC的常见条件

float 不是 none

position 是 absolute 或 fixed

overflow 不是 visible

display 是 flex inline-block 等

BFC的常见应用

清除浮动

今日学习面试课，学的时候才发现又遗忘了不少，果然经常用才会记得牢