一。position:absolute和float屬性的異同

相同點(diǎn)：兩者都可以讓元素脫離文檔流，并可設(shè)置寬高

不同點(diǎn)：float仍會占據(jù)位置，而position:absolute會覆蓋文檔流中其他元素

二。CSS盒子模型

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

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

）

1.標(biāo)準(zhǔn)盒模型：寬高不算上padding和border對應(yīng)的css屬性box-size:content-box

2.怪異盒模型：寬高算上padding和border對應(yīng)的css屬性box-size:content-box

三。如何區(qū)分HTML和HTML5？

文檔類型聲明上，HTML沒有語義化的標(biāo)簽，HTML5有語義化標(biāo)簽:hearder nav

四。HTML5語義化的理解

1.利于團(tuán)隊(duì)開發(fā)項(xiàng)目，增加可讀性，提高效率

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

五。HTML5的新特性

1.語義化標(biāo)簽

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

3.canvse畫布

4.SVG 可伸縮矢量圖形

5.audio、video

6.localStorage、sessionStorage

7.地理信息（geolocation 定位）

8.重力感應(yīng)

9.文件拖拽

10.WebSocket

六。CSS3的新特性

1.border-radius 邊框圓角

2.box-shadow 邊框陰影

3.background-size 背景圖片大小

4.background-image 設(shè)置多個背景圖片

5.text-shadow 文本陰影

6.CSS 2D轉(zhuǎn)化

7.animation 動畫

8.box-size

七。localStorage、sessionStorage和cookie的區(qū)別

1.sessionStorage主要用于本地對話存儲，當(dāng)會話結(jié)束頁面關(guān)閉，數(shù)據(jù)銷毀

2.localStorage永久存儲本地，除非手動刪除

3.cookie 存儲空間小，不能跨域，需要指定作用域，cookie的作用是與服務(wù)器進(jìn)行交互，作為HTTP規(guī)范的一部分而存在

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。