| 失效链接处理 |
|
前端技术笔试面试题 PDF 下载
本站整理下载：
相关截图：
主要内容：
HTML
如何理解HTML语义化？
让人更容易读懂（增加代码可读性）
让搜索引擎更容易读懂（SEO）
块状元素&内联元素？
display:block/table;有div h1 h2 table ul ol p等；
display:inline/inline-block;有 span img input button 等
CSS-布局
盒子模型的宽度如何计算？
offsetWidth=(内容宽度+内边距+边框)，无外边框
答案为：122px
补充：如果让offsetWidth=100px，如何做？
margin纵向重叠的问题
相邻元素的 margin-top 和 margin-buttom 会发生重叠
空白内容的
也会重叠
答案为：15px
margin负值的问题
margin-top 和 margin-left 负值，元素向上、向左移动
margin-right负值，右侧元素左移，自身不受影响
margin-buttom负值，下方元素上移，自身不受影响
BFC理解和应用
定义：
Block format context，块级格式化上下文
一块独立渲染区域，内部元素的渲染不会影响边界以外的元素
形成BFC的常见条件：
float不是none
position是absolute或fixed
overflow不是visible
display是flex或inline-block等
BFC的常见应用：
清除浮动
原来为两框，加bfc后清除浮动变为大框
float布局的问题，以及clearfix
如何实现圣杯布局和双飞翼布局？
目的：
三栏布局，中间一栏最先加载和渲染(内容最重要)
两侧内容固定，中间内容随着宽度自适应
一般用于PC网页
技术总结
使用float布局
两侧使用margin负值，以便和中间内容横向重叠
防止中间内容被两侧重叠，一个用padding，一个用margin
手写clearfix
.clearfix:after{ content:''; display:table; clear:both; }.clearfix{ *zoom:1; /*兼容IE低版本*/ }
|
| Java1234官方群25： | 
|
| Java1234官方群25： | 838462530 |
苏公网安备 32061202001004号
