一般來說，將css代碼放在HTML文檔的head標(biāo)簽內(nèi)，使用style標(biāo)簽進(jìn)行包裹。
<head> <style> /*在此編寫CSS代碼*/ </style> </head>
但是，在復(fù)雜的項(xiàng)目中，css代碼量很大，為了方便維護(hù)，可以把css代碼單獨(dú)放在一個(gè).css文件中，再在HTML文檔中引用該文件。
<head> <link rel="stylesheet" href="樣式表文件的URL"> </head>
除此之外，還有一種方法，就是在<style>標(biāo)簽中使用@import命令引入外部樣式表文件。
<head>
<style>
@import url("樣式表文件的URL");
/*編寫其它CSS代碼*/
</style>
</head>在京東這樣大型的網(wǎng)站中，為了提高性能，可以考慮使用CSS sprite技術(shù)來減少http請求。在使用CSS sprite時(shí)，我們需要將多個(gè)小圖片合并成一張大圖片，然后通過CSS的background-position屬性將需要的小圖片顯示出來。
.icon {
width: 50px;
height: 50px;
background-image: url("sprite.png");
}
.icon1 {
background-position: 0 0;
}
.icon2 {
background-position: -50px 0;
}
.icon3 {
background-position: -100px 0;
}最后，為了方便維護(hù)和升級，建議將全局樣式放在一個(gè)單獨(dú)的文件中，而不是散布在HTML文件中的各個(gè)元素內(nèi)。
<head> <link rel="stylesheet" href="全局樣式表文件的URL"> </head>