1. 程式人生 > 實用技巧 >[CSS]Pink老師品優購 base.css

[CSS]Pink老師品優購 base.css

/* 把我們所有標籤的內外邊距清零 */
* {
    margin: 0;
    padding: 0;
    /* css3盒子模型 */
    box-sizing: border-box;
}
/* em 和 i 斜體的文字不傾斜 */
em,
i {
    font-style: normal
}
/* 去掉li 的小圓點 */
li {
    list-style: none
}

img {
    /* border 0 照顧低版本瀏覽器 如果 圖片外面包含了連結會有邊框的問題 */
    border: 0;
    /* 取消圖片底側有空白縫隙的問題 */
    vertical-align
: middle } button { /* 當我們滑鼠經過button 按鈕的時候,滑鼠變成小手 */ cursor: pointer } a { color: #666; text-decoration: none } a:hover { color: #c81623 } button, input { /* "\5B8B\4F53" 就是宋體的意思 這樣瀏覽器相容性比較好 */ font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif
; /* 預設有灰色邊框我們需要手動去掉 */ border: 0; outline: none; } 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 }