HTML+CSS知识总结2

一。position:absolute和float属性的异同

相同点：两者都可以让元素脱离文档流，并可设置宽高

不同点：float仍会占据位置，而position:absolute会覆盖文档流中其他元素

二。CSS盒子模型

盒子模型由：margin padding border content 组成（

• padding + border + width= 盒子的宽度
• padding+ border + height = 盒子的高度

）

1.标准盒模型：宽高不算上padding和border对应的css属性box-size:content-box

2.怪异盒模型：宽高算上padding和border对应的css属性box-size:content-box

三。如何区分HTML和HTML5？

文档类型声明上，HTML没有语义化的标签，HTML5有语义化标签:hearder nav

四。HTML5语义化的理解

1.利于团队开发项目，增加可读性，提高效率

2.有利于seo，有利于爬虫引擎

五。HTML5的新特性

1.语义化标签

2.input type 属性(type= email number date search image url)

3.canvse画布

4.SVG 可伸缩矢量图形

5.audio、video

6.localStorage、sessionStorage

7.地理信息（geolocation 定位）

8.重力感应

9.文件拖拽

10.WebSocket

六。CSS3的新特性

1.border-radius 边框圆角

2.box-shadow 边框阴影

3.background-size 背景图片大小

4.background-image 设置多个背景图片

5.text-shadow 文本阴影

6.CSS 2D转化

7.animation 动画

8.box-size

七。localStorage、sessionStorage和cookie的区别

1.sessionStorage主要用于本地对话存储，当会话结束页面关闭，数据销毁

2.localStorage永久存储本地，除非手动删除

3.cookie 存储空间小，不能跨域，需要指定作用域，cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在