.test {line-height:20px;},那么这个元素的实际高度将取决于其中内容的多少
【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。
【border:none;】把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。
这一段代码只是字体的简写而已,分开写的话就是: font-weight:bold; font-size:15px; line-height:40px; font-family:'microsoft yahei';
padding:10px; 四个内边距都是10px padding:5px 10px; 上下5px 左右10px padding:5px 10px 15px; 上5px 右10px 下15px 左因为缺省与右相等,则为10px padding:5px 10px 15px 20px; 上5px 右10px 下15px 左20px
z-index:-1
拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
可用于将在一个元素放置于另一元素之后。