HTML5和CSS3核心總結

2021-08-10 16:24:48 字數 568 閱讀 9421

window.localstorage - 儲存沒有截止日期的資料

儲存資料:

法2:localstorage.key=」value」;

法3:localstorage[「key」]=」value」;

取出資料:

法2:localstorage.key;

法3:localstorage[「key」];

其他方法:

window.sessionstorage - 針對乙個 session 來儲存資料(當關閉瀏覽器視窗時資料會丟失)

方法同上,注意其儲存時setitem()中傳入的是字串,有數字等要注意資料型別的轉換,並且相同key值下的value新的會替換舊的。

注意:為了**的健壯性最好先判斷瀏覽器是否支援

if(window.localstorage&&window.sessionstorage)else

css3和html5的基礎

流式布局 應對視窗大小做等比例縮放布局 簡單來說利用百分數來進行布局 css3的box sizing與calc 通常設定邊框會被設定在元素的外圍 box sizing屬性值設為border box時邊框就加在元素內部 css3中在進行響應式布局時需要對不不同的螢幕大小設定不同的div排序方式。這時候...

html5和css3新特性

1易用簡潔 指令碼和連線無需type html5新增加的一些標籤和特性如下 1.無需寫type,指令碼和連線 2.新增加標籤標記元素mark高亮顯示 audio video 如下figure input新增屬性 placeholder required autofocus 新增正規表示式在input...

HTML5 快取 CSS3動畫

1 語義標籤 2 增強性表單 4 canvas 繪圖 5 svg繪圖 6 地理定位 7 拖放api 8 web worker 9 web storage 10 websockket 處理html5新標籤的瀏覽器相容問題?1 使用document.createelement tag 來解決 2 使用h...