CSS初始化

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

簡單理解：CSS初始化是指重設(shè)瀏覽器的樣式。（也稱為CSS reset）
每個(gè)網(wǎng)頁都必須首先進(jìn)行CSS初始化。

Unicode編碼字體：

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

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。