HTML/CSS刷題筆記1

題目來源:牛客網

1、IE9及以上支持box-radius以及box-shadow屬性,Chorme\Safari\Firefox支持所有邊框屬性

2、sessionStorage:創建一個本地存儲的數據對,數據名稱,數據值,臨時保存本窗口的數據,當窗口關閉時數據也會被刪除,想要永久保存(除非手動刪除)可以用localStorage。

3、link和@import的區別,1、link是XML提出的不存在兼容問題,@import是CSS2.1提出的,低版本的瀏覽器無法使用。2、link可以支持CSS和JS,@import只能支持CSS。3、link和HTML頁面同時加載,@import需要等到HTML加載完之後才能加載。

用法link:<head><title></title><link rel="index.css" style="stylesheet" /></head>

@import:<style type="text/css">@import url(index.css);</style>

4、pt(磅):物理長度單位;px(像素):計算機虛擬長度單位,一般需要依靠dpi來精確確定,打印機有dpi可選,windows的dpi默認爲96,apple默認爲72.

5、CSS優先級:通配、繼承:0;標籤、僞元素、僞對象:1;類、屬性:10;id:100;內聯:1000。權重採用256進制。

!important:表示強制應用該樣式,優先級最高。、

6、cookie\flash\sessionStorage\localStorage\GoogleGear\GlobeStorage\userData;隨表頭一起發送,增加流量,容量很小隨着瀏覽器不同\容量很大,需要安裝flash插件|使用於firefox2+瀏覽器,IE不支持切不能永久保存數據\可以永久保存數據、低版本瀏覽器不支持\google本地存儲技術,需要安裝gear組件\適用於firefox2+瀏覽器,IE不支持,不需要下載插件\IE開發的瀏覽器存儲技術,容量64K,較大,比較可靠,僅使用於IE。

注意session服務器端,其他是瀏覽器端。

7、爲了代碼可讀性,border建議按照,border-width\border-style\border-color順序書寫。

8、localStorage用法:保存數據windows.localStorage.setItem("key","value")讀取數據 var lastname=localStorage.getItem("key");刪除數據localStorage.removeItem("key");

9、選擇器優先級:!Important>行內樣式>id選擇器>類選擇器>標籤>通配符>繼承>瀏覽器默認樣式

同一級別的後寫的會覆蓋先寫的

10、p元素不能包含任何其他塊元素(除了他本身和內聯元素可以),a標籤可以包含任何元素(除了他本不可以)

11、h5新增語義化標籤header\footer\nav\article\aside\time\ruby註釋,和rt|rp配合使用\details\mark\progress進度條\section\video不支持自動播放\audio不支持自動播放\datalist模糊查詢\embed插入多媒體內容\canvas\main主要內容

12、可繼承的屬性:顏色,文字,字體,字體間距行高對齊方式,和列表樣式可繼承。

13、DOM中的事件對象:preventDefault();//取消事件默認行爲stopImmediatePropagation()//取消事件冒泡並且阻止當前結點上的應用程序被調用;stopPropagation:阻止事件冒泡;IE中的事件對象:cancleBubble()//取消事件冒泡;returnValue//取消默認行爲

14、各大瀏覽器前綴:Chrome/Safari:-webkit-;firefox:-moz-;IE:-ms-;Opera:-o-;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章