HTML5 快取 CSS3動畫

2021-09-25 02:42:13 字數 1604 閱讀 8752

1、語義標籤

2、增強性表單

4、canvas 繪圖

5、svg繪圖

6、地理定位

7、拖放api

8、web worker

9、web storage

10、websockket

處理html5新標籤的瀏覽器相容問題?

1、使用document.createelement(tag)來解決

2、使用html5shiv庫來相容

如何區分html和html5?

1、在文件型別宣告上 html5宣告簡潔方便

2、在結構語義上 html5提供更加語義化的標籤

css3中的transform有哪些屬性?分別用來實現什麼效果?

transform中最為常用的4個屬性分別是:rotate();、scale();、skew();、translate()

1.旋轉rotate() deg 度數

2.縮放scale();屬性,元素的尺寸會增加或者減少,根據給定的寬度(x軸)和高度(y軸)引數。   eg: scale(2,4)是把元素寬度轉換為原尺寸的2倍,把高度轉換為原始高度的4倍。

注:這裡換成小數就是縮小!,乙個引數就是寬和高一起都增加或減少。

3.傾斜skew();屬性,把元素翻轉給定角度,根據給定的水平線(x軸)和垂直線(y軸)引數。   eg:skew(30deg,20deg) 圍繞x軸把元素傾斜30度,圍繞y軸把元素傾斜20度。

注:乙個引數表示水平翻轉角度!

4.元素移動translate();屬性,

元素從當前位置移動,根據給定的left(x座標)和top(y座標)的位置引數。
eg:translate(50px,100px);元素與左邊距50px,與上邊距100px距離(如有錯誤歡迎指正)

注:乙個引數表示水平(x軸)。

eg : transition: all 1s linear;
共同點:都是儲存在瀏覽器端,且同源的。

區別:cookie資料始終在同源的http請求中攜帶(即使不需要),即cookie在瀏覽器和伺服器間來回傳遞。而sessionstorage和 localstorage不會自動把資料發給伺服器,僅在本地儲存。

cookie 小 資料不能超過4k

localstorage 和 sessionstorage 5m 資料有效期不同

localstorage 永久儲存 資料可以共享

sessionstorage 會話級 關閉視窗就銷毀 資料不能共享

2》css3中的transfrom有哪些屬性 實現什麼效果

transform : skew(10deg) 傾斜多少角度 ( 死給 我是這莫讀的)

transform : scale(11.5); :放大多少倍(括號裡面填寫的是倍數)

transform :matrix(2,0,0,2,0,0); 矩陣方式進行變換

rotate(angle) 定義 2d 旋轉,在引數中規定角度。

rotatex(angle) 定義沿著 x 軸的 3d 旋轉。

rotatey(angle) 定義沿著 y 軸的 3d 旋轉。

rotatez(angle) 定義沿著 z 軸的 3d 旋轉。

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核心總結

window.localstorage 儲存沒有截止日期的資料 儲存資料 法2 localstorage.key value 法3 localstorage key value 取出資料 法2 localstorage.key 法3 localstorage key 其他方法 window.sess...