- bootstrap
柵格尺寸：
- lg：大于1200px （桌面大屏）
- md：大于等于992px（一般顯示屏）
- sm：大于等于768px（平板）
- xs：小于768px（手機）
- css優先級
- 外部樣式 < 內部樣式 < 內聯樣式
例外情況：在HTML文件中引入的外部樣式在內部樣式之后，會覆蓋內部樣式 - 選擇器優先級
按權重大小排列：內聯樣式：1000, id：0100, class：0010,
tag和偽類：0001，通配符：0000
其中！important脫離權重，但是優先級最高
- 引入css文件方式
一般方式有兩種：<link>標簽和@import
- link標簽是xhtml標簽，@import引入css的一種方式
- 加載順序的差別：link會在界面被加載的時候link引用的css樣式會同時被加載，@import會在界面完全被加載完成后再加載所有樣式，當網速慢的時候就會出現網站開始沒有任何樣式或者閃爍不停的狀況。
- 語法
//link 在html文件中
<link href="CSSurl路徑" rel="stylesheet" type="text/css" />
//@import 在html文件中
<style type="text/css">
@import url(CSS文件路徑地址);
</style>
//@import在css文件中
@import url(CSS文件路徑地址);
js嚴格模式和一般模式的區別
use strict是一種ECMAscript 5 添加的（嚴格）運行模式,這種模式使得 Javascript 在更嚴格的條件下運行,使JS編碼更加規范化的模式,消除Javascript語法的一些不合理、不嚴謹之處，減少一些怪異行為。css偽類（before和after）
beofre：指定的元素內容（而不是元素本身）之前插入一個包含content屬性指定內容的行內元素
after：指定的元素內容（而不是元素本身）之后插入一個包含content屬性指定內容的行內元素localstorage、sessionstorage、cookie
- localstorage和sessionstorage在本地存儲數據，其中localstorage存儲持久數據，即使瀏覽器關閉依舊存在，除非手動刪除;sessionstorage在瀏覽器關閉時自動刪除數據。localstorage和sessionstorage大小一般不超過5M
- cookie在瀏覽器端和服務器端來回傳遞數據，每次會存放在http頭部，cookie一般會設置過期時間，時間一到就會清除數據。cookie存儲大小不超過4k
- 使用場景：
- localstorage一般用來統計頁面訪問次數
- sessionstorage一般用來統計當前頁面某個元素的點擊次數
- cookie一般用來存儲登錄系統的用戶名密碼等信息
- cookie和session
- cookie是客戶端保存用戶信息的一種機制，用來記錄用戶的一些信息，通過設定的過期時間定期清除，如果未設定過期時間，在瀏覽器關閉時清除。同時cookie也是實現session的一種方式
- session是服務端保存的一種數據結構，用來追蹤用戶狀態，這個數據可以保存在文件、數據庫中。
- html中嚴格模式和混雜模式
- <!DOCTYPE>聲明位于位于HTML文檔中的第一行，處于 <html> 標簽之前。告知瀏覽器的解析器用什么文檔標準解析這個文檔DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現。
- 標準模式的排版 和JS運作模式都是以該瀏覽器支持的最高標準運行。在兼容模式中，頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作。
