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

總結

以上是生活随笔為你收集整理的HTML+CSS知识总结2的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。