位置: 编程技术 - 正文
试想过总结出这几年来写css与xhtml的经验 ,汇总成一片”旷世奇文”分享给大家。无奈寡人年世已高,真是有点力不从心了。于是转念一想,可以用笔记的形式展现,这样就不用担心写不出来了。
现在就来说个淘宝首页上的一个小技巧。
类目之间的横竖线
推荐整理分享淘宝段正淳的css笔记大全第1/4页(段正淳算正面人物吗),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:段正淳到底是个什么样的人?,段正淳资料,段正淳资料,知乎段正淳,段正淳宝宝,段正淳到底是个什么样的人?,知乎段正淳,段正淳到底是个什么样的人?,内容如对您有帮助,希望把文章链接给更多的朋友!
从很久很久以前开始,类目间的竖线无非都只有三种。
背景图在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。缺点:最后一个还是要用class来隐藏掉背景。 符号在每个a标签之间用”|”符号来填充。缺点:html文件变大,文件维护变得很麻烦,而且在html中毫无意义。 a标签右侧的boder。同背景图一样,只不过使用border-right来代替。缺点也同上。看到这里,可能已经有人打开淘宝首页用firebug查看源码来看是怎么做了。
其实现有是利用ul的overflow:hidden 再将li的margin-left:-1px的做法做出来的。这样的做法就可以同时避免以上的缺点了。为什么之前都没有那么做的,寡人也不知道了。难道寡人是第一个发现这样的做法?不管是谁先此之前利用了这样的方法实现类目间竖线。不过在淘宝首页上线后不久就有同行的网站在首页改版中也用了这样的方法。那个网站不看也罢。class实在是写的有点多。加载html会变得多得多。反正一个首页需要加载1.m的网页我的大脑会自动屏蔽。
CSS实现的一个图片放大展示的一种思路 这个用纯css实现的图片放大效果,真不错,看了以前有不少用纯css实现的图片放大效果的代码,都不理想,还是在这个好啊看下面的HTML代码:divclass="photo"ullia
用css滤镜实现的文字描边效果的代码 注意:当与背景图同时出现时,会出现不兼容。积木网[Ctrl+A全选注:如需引入外部Js需刷新才能执行]
用css实现的带阴影的表格效果的代码 [Ctrl+A全选注:如需引入外部Js需刷新才能执行]
标签: 段正淳算正面人物吗
本文链接地址:https://www.jiuchutong.com/biancheng/375154.html 转载请保留说明!友情链接: 武汉网站建设