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能够处理不准确的语法。
先到这吧。。。。。。。