随笔分类 - css
摘要:行高和字号 行高 CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的。 文字,是在自己的行里面居中的。比如,现在文字字号14px,行高是24px。那么: 为了严格保证字在行里面居中,我们的工程师有一个约定: 行高、字号,一般都是偶数。这样,它们的差
阅读全文
摘要:实现效果图: 代码实现 第一次写的时候不知道如何下手, 后来摸清规律了,由大到小. 由全局到局部 第一次还遇到区块命名问题, 和哪个该怎么划分问题 第一次还遇到由于划分不规整,所以有些代码没达到预期的效果 这个案例还是比较磨人的 注: 这个代码不考虑浮动产生的影响,清除浮动的方法统一用了: 给父元素
阅读全文
摘要:浮动造成的影响: 子元素浮动,父元素无法被撑出高了. 如果要给父元素做通栏background? 如果两个box的子元素都浮动,且希望两个box分行显示? box1 box2 box3: float:left, 则box自己的高度就没办法被撑开了 现实案例: 需要给父盒子做通栏背景图 现子元素浮动,
阅读全文