css分割线,css制作相框,css超过行省略,css 菜单经过下滑线,css3float用法,动画运行停止 css3,在线css布局
@ margin和padding是什么意思?
margin 是外边距 padding是内边距 这两个属性都包括四个部分:上、右、下、左 margin跟padding是很常见的属性,浏览器都兼容的 所以缺点没有, 只是在IE6里 float跟margin并存的时候,有可能margin的值在IE6会被解析双倍,比如margin:5px; 到了IE6解析成margin:10px; 还有很重要的一点,做网站时,整个页面都需要调用的样式表最顶部都要写上margin:0; padding:0; 目的是让这两个属性的值都默认为0; 否则火狐浏览器上会默认padding的值为20px; IE则相反的默认margin为20px; 具体是多少像素偶忘记了 只是给你做个比方
@ box的宽度含margin吗?
不包含,border-box 告诉浏览器去理解你设置的边框和内边距的值是包含在width内的。也就是说,如果你将一个元素的width设为100px,那么这100px会包含其它的border和padding,内容区的实际宽度会是width减去border + padding的计算值。设置 box-sizing: border-box; 后,简言之:
盒子的宽度 = border + padding + width。
盒子的高度 = border + padding + height。
@ 什么是盒子模型?
盒子模型本质上是一个盒子,模型定义了盒的每个部分,包括:
外边距、边框、内边距、实际内容 —— 这些合在一起就变成了大家在页面上看到的内容。
完整的盒子模型应用于块级盒子,而内联盒子只使用盒模型中定义的部分内容。
1.Content box:内容区域。2.Padding box:内边距,内容区域外部的空白区域。
3.Border box:边框,包裹内容和内边距。
4.Margin box:外边距,是盒子和其它元素之间的空白区域。