CSS初始化

不同瀏覽器對有些標簽的默認值是不同的，為了消除不同瀏覽器對HTML文本呈現的差異，照顧瀏覽器的兼容性，我們需要對CSS初始化。

簡單理解：CSS初始化是指重設瀏覽器的樣式。（也稱為CSS reset）
每個網頁都必須首先進行CSS初始化。

Unicode編碼字體：

把中文字體的名稱用相應的Unicode編碼來代替，這樣就可以有效的避免瀏覽器解程CSS代碼時候出現亂碼的問題。比如：
黑體 \9ED1\4F53
宋體 \5B8B\4F53
微軟推黑 \5FAE\8F6F\96C5\9ED1

這里我們以京東CSS初始化代碼為例。

/* 把我們所有標簽的內外邊距清零 */ * {margin: 0;padding: 0 }/* em 和 i 斜體的文字都不傾斜 */ em, i {font-style: normal }/* 去掉每個li前面的小圓點 */ li {list-style: none }img {border: 0;/* 為了照顧低版本瀏覽器,如果 圖片的外面包含了鏈接 會出現邊框的問題 */vertical-align: middle /* 解決圖片底側出現空白縫隙的問題 */ }button {cursor: pointer /* 當我們鼠標經過button按鈕時,鼠標變成小手的樣子 */ }a {color: #666;text-decoration: none }a:hover {color: #c81623 }button, input {font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif }body {/* 抗鋸齒性,避免文字被放大后會產生鋸齒 */-webkit-font-smoothing: antialiased;background-color: #fff;/* 12px/1.5 表示所有字體的大小為12px,1.5倍的行高 *//* "\5B8B\4F53" 代表的是宋體，用這種方式，瀏覽器的兼容性會比較好。 把中文字體的名稱用相應的Unicode編碼來代替，這樣就可以有效地避免瀏覽器解釋CSS代碼時出現亂碼的情況*/font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;color: #666 }.hide, .none {display: none }/* 清除浮動 */ .clearfix:after {visibility: hidden;clear: both;display: block;content: ".";height: 0 }.clearfix {*zoom: 1 } 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的十一、CSS初始化详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。