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