继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

大龄前端菜鸟
关注TA
已关注
手记 42
粉丝 6
获赞 6

课程名称: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面试课

一、盒模型宽度计算

http://img2.sycdn.imooc.com/631dfbc10001643e06430354.jpg

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

100+20+2=122px

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

http://img1.sycdn.imooc.com/631dfc1b0001bb9606020329.jpg


二、margin 纵向重叠问题

http://img1.sycdn.imooc.com/631dfc460001fb1f04310314.jpg

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

空白内容的也会重叠

最后结果是AAA的bottom:15px

http://img1.sycdn.imooc.com/631dfc8a00013a6101260070.jpg


三、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的常见应用

清除浮动

http://img4.sycdn.imooc.com/631dfccd000126f009330362.jpg

http://img1.sycdn.imooc.com/631dfccd00012f7104800131.jpg

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




打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP