小白前端面试题整理

1、flex布局
display:flex;在父元素设置是,子元素受弹性盒子影星,默认排成一行,超出一行时按比例压缩。
flex:1时给子元素设置如何分配父元素空间,为1时子元素宽度占满父元素;
align-items:center设置子元素再父元素容器中的对齐方式;
center:垂直居中;
justify-content:center,设置子元素再父元素中居中。

2、CSS3新特性
animation实现动画效果,主要两种方式,通过类似Flash动画中的帧来声明一个动画;再animation属性中调用关键帧声明的动画。
transition有关的,设置过渡动画的时间、效果、何时开始等。
translate3D建模效果。
3、如何理解盒子模型
标准盒子模型:宽度=内容的宽度+border+padding
低版本的盒子模型:宽度=内容宽度。
4、如何使一个div水平垂直居中

5、HTML和HTML5区别

1、文档声明区别

HTML文档的类型声明为:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
//或
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML5文档的类型声明为:

<!DOCTYPE html>

HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。

2、结构语义区别

html:没有体现结构语义化的标签,如:

<div id="nav"></div>

html5:添加了许多具有语义化的标签,如:

<article>、<aside>、<audio>、<bdi>...

相对于HTML,HTML5中新增和修改了一些元素。

3、绘图区别

HTML:指可伸缩矢量图形,用于定义网络的基于矢量的图形。
HTML5:HTML5的canvas元素使用脚本(通常使用JavaScript)在网页上绘制图像,可以控制画布每一个像素。

4、音频和视频的支持

HTML如果不使用Flash播放器支持,它不支持音频和视频。HTML5使用和标签来支持音频和视频控制。

5、语法的处理

HTML无法处理不准确的语法;HTML5能够处理不准确的语法。

先到这吧。。。。。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值