淘寶全屏CSS代碼有多少呢?這是一個讓許多開發(fā)者好奇的問題。淘寶網(wǎng)是中國最大的網(wǎng)上購物平臺,淘寶頁面的CSS代碼相對比較龐大。那么淘寶全屏CSS代碼有多少呢?據(jù)不完全統(tǒng)計,淘寶全屏CSS代碼約為17,000行。
/* 淘寶全屏CSS代碼的一部分 */ .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* header */ .tbh-logo { background: url(//img.alicdn.com/imgextra/i1/2009371681/TB2sBtbbR8lpuFjy0FnXXcZyXXa_!!0-juitemmedia.jpg) no-repeat; width: 108px; height: 50px; float: left; margin-top: 5px; margin-right: 5px; cursor: pointer; } .tbh-header { position: relative; height: 42px; border-bottom: 1px solid #f3f3f3; ...
上面的代碼是淘寶全屏CSS代碼的一部分。可以看到,淘寶頁面使用了許多CSS技巧,例如:before和:after偽元素、浮動布局等等,這些技巧使得頁面的布局更加靈活和美觀。
當(dāng)然,這只是頁面的CSS代碼。如果把淘寶的JS、HTML等代碼都算在內(nèi),代碼量將會更大。淘寶作為一個大型網(wǎng)站,代碼的復(fù)雜性和規(guī)模是非常驚人的。
下一篇淘寶加減按鈕css