淘寶全屏CSS代碼有多少呢?這是一個讓許多開發者好奇的問題。淘寶網是中國最大的網上購物平臺,淘寶頁面的CSS代碼相對比較龐大。那么淘寶全屏CSS代碼有多少呢?據不完全統計,淘寶全屏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偽元素、浮動布局等等,這些技巧使得頁面的布局更加靈活和美觀。
當然,這只是頁面的CSS代碼。如果把淘寶的JS、HTML等代碼都算在內,代碼量將會更大。淘寶作為一個大型網站,代碼的復雜性和規模是非常驚人的。
下一篇淘寶加減按鈕css