public class Me的博客

这是参考链接 em：以从父元素继承的字体大小作为基本单位 使用em作为单位的值是动态变化的， font-size:1em; 此时 1em 等于设置的元素的父元素的字体大小(), 同理 2em 就是两倍父元素字体的大小 如果没有设置父元素的字体大小， 那么1em就是浏览器的默认大小即 1em = 16px em 和 px 的转换公式： ？em = 你

这是原文地址题外话：我觉得人们常说的盒子模型(box model)，其实还不如翻译成框模型。 网页中，每一个元素都被渲染成一个矩形框，根据元素的dispaly属性，可以把这个矩形框分成块级框和内联框，这两种框的运用情况不甚相同。本文主要解释内联框的使用。 1. 内联框和行框内联框水平分布在行框中，向这样：如果一个行框没有足够的水平空间来存放多个内联框，那么就会创建一个新的行框，因此，一个行内

为了消除不同的浏览器默认样式之间显示的差异，需要进行CSS样式重置下面的设置都经过自己实验验证得到，而不是简单的复制过来，只对几个常用的样式进行了重置，日后遇到的多了会再来补充。body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd { margin: 0; // 去除body的四周margin // 去除h1,h2,h3,h4,h5,h6,p,ul,

1.margin:0 auto;这个办法想必大家都清楚,这里不再详述.然而这个办法只可以实现块级元素水平居中,无法实现垂直居中.2.子元素定宽高时,可以使用下面的绝对定位方法,实现水平垂直居中.(如下图)主要是通过绝对定位使子元素左上角定位在父元素中心点,然后通过maring-left/margin-top 为负值来偏移子元素,实现子元素的中心点与父元素的中心点重合来实现水平垂直居中.当然也可以通

以下方案都是解决父元素、子元素宽度都未定时的水平居中布局 1. inline-block + text-alignHTML部分:<div class="parent"> <div class="son"></div></div>---------------------------------CSS部分:div.parent { text-align: center;