淘宝的CSS注释Daquan段正淳页1/4
想象一下,写几年的CSS和XHTML的经验总结,总结一下共同点。但是我的年世界已经很高了,真的有点力不从心。这样我就可以以笔记的形式出现了,所以你不用担心它。现在它是在淘宝首页的一个小把戏。
类别之间的水平线和垂直线
从很久以前开始,一个类别之间只有三个。
背景图
在一个标签与一个背景图的宽1px高度右侧设置填充。
缺点:最后一个是用类来隐藏背景。
符号
|用于每个标签之间用符号。
缺点:HTML文件变大了,文件维护变得非常麻烦,HTML中毫无意义。
在标签右侧的边界。
就像背景地图一样,只使用边框来代替它,缺点也一样。
看到这里,也许有人已经打开了淘宝的网页,看看源代码,看看它是如何做的。
事实上,它是通过使用溢出:隐藏的UL然后margin-left: - 1px里。这样的做法可以同时避免以上不足。
为什么不这样做,我不知道,我不喜欢第一个找到方法
不管是谁先使用这个方法来实现垂直范畴。
但不久之后,淘宝首页上线,用同样的方法在网站主页的回复。
那个网站不看它。类写得稍微多一些。加载HTML将变得更加重要。
无论如何,一个页面,需要加载一个1.17m页面会自动屏蔽我的大脑。