一號店（yhd.com）是一家非常知名的電商平臺，為了讓用戶在購物時有更好的體驗，一號店的開發團隊在其網站中使用了大量的CSS樣式代碼，下面就來看一下一號店的一些CSS樣式代碼。
/* 重置默認樣式 */
body,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,em{margin:0;padding:0;list-style:none;}
a,img{border:none;}
/* 導航欄樣式 */
#nav{background:#f60;height:36px;line-height:36px;position:relative;z-index:999;}
#nav .nav_left{float:left;width:618px;}
#nav .nav_right{float:right;}
#nav .nav_link{display:block;color:#fff;font-size:14px;padding:0 15px;}
#nav .nav_link:hover{background:#fff;color:#f60;}
/* 購物車樣式 */
.cart_icon{background:url("/img/cart_ico.png") no-repeat;width:52px;height:35px;float:left;text-align:center;line-height:35px;font-size:18px;color:#f60;margin-top:3px;position:relative;z-index:998;}
.cart_quantity{background:#f60;color:#fff;text-align:center;width:22px;height:22px;position:absolute;top:-5px;right:-5px;line-height:22px;border-radius:50%;}
/* 商品列表樣式 */
.goods_list{overflow:hidden;margin-top:20px;}
.goods_list li{float:left;width:220px;margin-right:20px;}
.goods_list li .goods_info{height:56px;overflow:hidden;margin-top:10px;}
.goods_list li .goods_info p{font-size: 14px;color:#666;line-height:18px;}
.goods_list li .goods_price{font-size:16px;color:#f60;}
/* 分頁樣式 */
.page_wrap{padding:24px 0;}
.page_wrap .pagination li{display:inline-block;}
.page_wrap .pagination a{display:block;width:26px;height:26px;line-height:26px;text-align:center;color:#666;font-size:14px;background:#f5f5f5;text-decoration:none;margin-right:10px;}
.page_wrap .pagination a:hover{background:#f60;color:#fff;}
.page_wrap .pagination .active a{background:#f60;color:#fff;}以上就是一號店一些常用的CSS樣式代碼，這些樣式代碼不僅讓一號店的網站看起來更加美觀，也提高了用戶的購物體驗。