课程名称：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的常见应用
清除浮动
今日学习面试课，学的时候才发现又遗忘了不少，果然经常用才会记得牢