1.CSS樣式初始化

不同的瀏覽器對有些HTML標籤屬性的默認值是不同的，為消除這種差異，需要對CSS進行初始化，即通過設置樣式及其屬性值，替代瀏覽器默認的屬性值。

2.京東首頁CSS初始化

（1）CSS初始化樣式引入方式

採用引入外部樣式表的方式進行CSS初始化

（2）相關代碼解讀

/* 京東CSS初始化 */
/* *為通配符，表示html所有標籤 */
* {
margin: 0; /* 標籤外邊距為0*/
padding: 0; /* 標籤內邊距為0*/
}
 /* em、i表示斜體標籤 */
em,
i {
font-style: normal; /* 表示標籤中內容不以斜體表示*/
}
/* li 表示列表標籤 */
 li {
list-style: none; /* 表示去掉列表的樣式，如前面圓點等*/
}
/* img 表示圖片標籤 */
img {
border: 0; /* 以下兩句表示 圖片與同級別行內元素middle對齊*/
vertical-align: middle;
}
/* button 表示按鈕標籤 */
button {
cursor: pointer; /* 表示鼠標樣式 小手 */
}
/* a 表示超鏈接標籤 */
a {
color: #666;
text-decoration: none; /* 表示去掉超鏈接下劃線 */
 }
 /* a:hover 表示a標籤的動態偽類選擇器 */
a:hover {
color: #c81623; /* 表示當鼠標懸停在超鏈接上時，自體變為紅色 */
}
 /* button、input表示按鈕標籤、表單輸入標籤 */
button,
 input {
/* 設置默認字體，包括unicode編碼的字體 */
font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
"5B8B4F53", sans-serif;
}
 /* body 表示body標籤*/
body {
/* css3屬性（-webkit-font-smoothing）字體抗鋸齒渲染，字體更為平滑 */
-webkit-font-smoothing: antialiased;
background-color: #fff;
font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial,
Hiragino Sans GB, "5B8B4F53", sans-serif;
color: #666;
}
/* 表示當class屬性的值包含hide、none時的樣式 */
.hide,
.none {
display: none; /* 表示隱藏元素，且該元素空間可以被其他元素使用*/
}
/* 表示偽元素選擇器 用來清除浮動*/
.clearfix:after {
visibility: hidden; /* 為保證兼容性 必要的固定設置*/
clear: both; /* 清除浮動 必要的固定設置*/
display: block; /* 清除浮 必要的動固定設置*/
content: "."; /* 清除浮動 必要的固定設置*/
height: 0; /* 可選的固定設置*/
}
.clearfix {
/* 這是針對於IE6/7的，因為IE6/7不支持:after偽類，
讓IE6/7的元素可以清除浮動來包裹內部元素。*/
*zoom: 1;
}

3.淘寶首頁CSS初始化

（1）CSS初始化樣式引入方式

採用內部樣式的方式進行CSS初始化

（2）相關代碼解讀

淘寶在進行CSS樣式初始化時，並沒有採用通配符*的方式設置標籤的內外邊距，而是將具體的標籤進行並集羅列。根據網上資料，通配符*，容易書寫，但是在大型網站中，會初始化所有標籤，會加大網站負荷，使得網站加載變慢。當然京東應該是做了優化的，不然網站體驗也會很差。

/* 淘寶CSS初始化 */
/* 設置標籤的內外邊距為0 */
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
margin: 0;
padding: 0;
}
/* 設置字體大小、行高及默認字體 */
body,
button,
input,
select,
textarea {
font: 12px/1.5 tahoma, arial, "Hiragino Sans GB", "5b8b4f53",sans-serif;
}
/* 字體大小同body中設置的一樣 */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
 }
/* 字體不採用斜體展示 */
address,
cite,
dfn,
em,
var {
font-style: normal;
}
/* 設置默認字體 */
code,
kbd,
pre,
samp {
font-family: courier new, courier, monospace;
}
/* 設置標籤為small的字體大小 */
small {
font-size: 12px;
}
/* 去掉字體列表樣式 */
ol,
ul {
list-style: none;
}
/* 去掉a標籤下劃線 */
a {
text-decoration: none;
}
/* 設置動態偽類選擇器，鼠標懸停其上時顯示下劃線 */
a:hover {
text-decoration: underline;
}
/* 設置垂直對齊方式，在右上角 */
sup {
vertical-align: text-top;
}
/* 設置垂直對齊方式，在右下角 */
sub {
vertical-align: text-bottom;
}
legend {
color: #000;
}
fieldset,
img {
border: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
 }
button {
border-radius: 0;
      }
 /* 設置表格相鄰邊框融合 */
table {
border-collapse: collapse;
border-spacing: 0;
 }