随笔分类 -  css积累

img 下 5个像素
摘要：解决方法有若干种,我就说一个我常用的 vertical-align: bottom; 谈一个比较细节. 有时候,不用解决方法,照样没有5个像素 ,非常完美. 因为运行在了 几乎标准的模式(Limited Quirks) 知乎上的解释: 首先，浏览器并没有所谓的"HTML 5 模式"，而是只有三种：怪 阅读全文
posted @ 2017-03-31 11:14 没有发条的橙 阅读(234) 评论(0) 推荐(0)
line-height 行高
摘要：首先,有个误区,如果把行高理解成字体大小的话,就会无法理解这一概念. 这应该是下文中提到的那个深入CSS行高的文章,好像是腾讯的websteam应该是变动机构了,网站已经打不开了. http://group.cnblogs.com/topic/34540.html 中英文版都有. 入门级:http: 阅读全文
posted @ 2017-03-31 07:46 没有发条的橙 阅读(173) 评论(0) 推荐(0)
小知识点
摘要：1 img 在div中 vertical-Align,设置成top,可以避免5像素. 2 浮动元素可以没有宽高,靠内容撑开宽高. 3 外边距塌陷 margin-top 阅读全文
posted @ 2017-03-15 15:51 没有发条的橙 阅读(102) 评论(0) 推荐(0)
雪碧图
摘要：设置了background-position的元素的左上角为顶点，xy正方向是朝右朝下的，元素左上角要回到精灵图左上角的顶点需要向上和向左偏移，则x和y都是负值，所以说使用background-position的值都是负值。 阅读全文
posted @ 2017-02-26 15:29 没有发条的橙 阅读(141) 评论(0) 推荐(0)