html以及css的初级知识

1 H5新增特性和css3新增特性？ 1 2 3 4 5 6 7 8 9

答： 1.⾸先 html5 为了更好的实践 web 语义化，增加了 header，footer， nav,aside,section 等语义 化标签， 2.在表单⽅⾯，为了增强表单，为 input 增加了 color，email,data ,range 等类型， 3.在存储⽅⾯，提供了 sessionStorage，localStorage,和离线存储，通过这些存储⽅式⽅ 便数 据在客户端的存储和获取， 4.在多媒体⽅⾯规定了⾳频和视频元素 audio 和 vedio，另外还 有地理定位，canvas 画 布，拖放，多线程编程的 web worker 和 websocket协议 5.css3新增特性： CSS3 边框如 border-radius，box-shadow 等; CSS3 背景如 background-size，background-origin 等; CSS3 2D，3D 转换如 transform 等; CSS3 动画如 animation 等

1.2 BFC的理解

答： 我是这样理解的:BFC 的中⽂意思是块级格式化上下⽂,是⽤于布局块级盒⼦的独⽴渲染区域，⼀个创建了 新的 BFC 的盒⼦是独⽴布局的，盒⼦内元素的布局 不会影响盒⼦外⾯的元素。简单来说就是 BFC 就是 css 的⼀个布局概念，是⼀个独⽴的区域(容器) 满⾜下列条件之⼀就可以触发 BFC: HTML 根元素 position 为 absolute 或 fixed float 属性不为 none（常⽤） overflow 不为 visible（常⽤） display 为 inline-block， table-cell， table-caption， flex（常⽤) 可以解决什么问题:margin 重叠,清除浮动,⾃适应布局.

1.3 说说你对盒模型的理解

答： 盒⼦模型组成有 4 部分,分别为:内容 内边距 外边距(⼀般不计⼊盒⼦实际宽度) 边框 盒⼦模型有 2 种:标准盒⼦模型与怪异盒⼦模型 标准盒⼦模型=content(内容)+border(边框)+padding(内边距) 怪异盒⼦模型=content(内容)(已经包含了 padding 和 border) css3 种可以通过设置 box-sizing 属性来完成标准或许怪异盒⼦模型之间的切换,怪异盒⼦模型:box sizing: border-box;标准盒⼦模型:box-sizing:content-box