Java知识分享网 - 轻松学习从此开始!    

Java知识分享网

Java1234官方群25:java1234官方群25
Java1234官方群25:838462530
        

实战springboot+CAS单点登录课程(免费领取)

SpringBoot打造全栈在线教育平台实战课程

毕设代做论文包查重联系人QQ:1982956321毕设大神 毕设代做论文包查重

66套java实战课程无套路领取

Java1234 VIP课程

领取微信扫码登录Java实现视频教程

Java1234至尊VIP(特价活动)

前端技术笔试面试题 PDF 下载


分享到:
时间:2020-11-12 08:53来源:http://www.java1234.com 作者:转载  侵权举报
前端技术笔试面试题 PDF 下载
失效链接处理
前端技术笔试面试题  PDF 下载


本站整理下载:
提取码:kq7v 
 
 
相关截图:
 
主要内容:

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低版本*/ }

 

------分隔线----------------------------
锋哥公众号


锋哥微信


关注公众号
【Java资料站】
回复 666
获取 
66套java
从菜鸡到大神
项目实战课程