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规范的一部分而存在