1. 程式人生 > 其它 >CSS-初始化 隨學筆記

CSS-初始化 隨學筆記

CSS初始化

不同瀏覽器對有些標籤的預設值是不同的,為了消除不同瀏覽器對HTML文字呈現的差異,照顧瀏覽器的相容,我們需要對CSS初始化 簡單理解:css初始化是指重設瀏覽器的樣式。也稱為(CSS reset) 每個網頁都必須先進行CSS初始化。 比較經典的初始化:
* {
    margin: 0;
    padding: 0
}


/*em和i 斜體文字不傾斜 */

em,
i {
    font-style: normal
}


/* 去掉li的小圓點 */

li {
    list-style: none
}

img {
    /* 照顧低版本瀏覽器,如果圖片外面包含了連結會有邊框的問題  
*/ border: 0; /* 取消圖片底側有空白縫隙的問題 */ vertical-align: middle } button { /* 當我們滑鼠經過button 按鈕時候,滑鼠變成小手 */ cursor: pointer } a { color: #666; text-decoration: none } a:hover { color: #c81623 } button, input { /* "\5B8B\4F53" 宋體的意思 瀏覽器相容性比較好 Unicode編碼字型 */ font-family
: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif } body { /* CSS3 抗鋸齒性,讓文字顯示得更加清晰 */ -webkit-font-smoothing: antialiased; background-color: #fff; 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 }
其中: Unicode編碼字型: 把中文字型的名稱用相應的Unicode編碼來代替,這樣就可以有效的避免瀏覽器解釋CSS程式碼時候出現亂碼的問題。 比如: 黑體:\9ED1\4F53 宋體:\5B8B\4F53 微軟雅黑:\5FAE\8F6F\96C5\9ED1