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