淘寶網頁是眾多線上購物平臺中的翹楚之一,其網頁構建中的CSS初始化代碼也是不容忽視的。下面我們來介紹淘寶網頁CSS初始化代碼。
/* *--------------------------------------- * reset:CSS的基礎初始化CSS * * Author: IMTT * Create Date: 2014.3.12 * Version: 1.0 * *--------------------------------------- */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; } /*要顯示外邊距,請把div替換成comment即可*/ /*comment,*/ div{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /*去掉高亮*/ :focus{ outline: none; } /*清除浮動*/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix{ *zoom:1;/*IE/7/6*/ } /*所有鏈接無下劃線*/ a { text-decoration:none; } /*表格樣式重置*/ table { border-collapse:collapse; border-spacing:0; }
首先,需要注意的是這段代碼的歸屬和作者、創建時間、版本號等信息,這有利于代碼維護和統一管理。代碼中定義了眾多元素的初始樣式,如margin、padding等,這些元素包括常用的p、a、img、table等,為網頁布局提供了統一的規范。同時還定義了清除浮動代碼,以解決網頁浮動問題。這些代碼,可以減少網頁布局的復雜度,方便CSS樣式的編寫。
總的來說,淘寶網頁CSS初始化代碼十分實用,也為廣大開發者提供了很好的代碼參考范例。
上一篇淘寶裝修+導航css代碼
下一篇淘寶類目css