margin和padding属性中四个值的先后顺序及区别
顺序为:上右下左,'margin-top'、'margin-right'、'margin-bottom'、'margin-left',按照顺时针方向罗列的.
区别:其实margin就是指元素边界外的距离,padding刚好相反,定义元素边界内部的距离。
margin不同(一个、二个、三个、四个)参数:
margin: 20px;(上、下、左、右各20px。)
margin: 20px 40px;(上、下20px;左、右40px。)
margin: 20px 40px 60px;(上20px;左、右40px;下60px。)
margin: 20px 40px 60px 80px;(上20px;右40px;下60px;左80px。)
在css中使用margin可以将margin-top,margin-right,margin-bottom,margin-left,缩写为一个标记,顺序为上右下左(顺时针)。
此处不推荐使用上述四个标志,因为在不同浏览器对于margin的四个边都有不同的命名
html中置换元素与非置换元素
其中有类特殊的元素:如img | input | select | textarea | button | label 等,他们被称为可置换元素(Replaced element)。他们区别一般inline元素(相对而言,称non-replaced element)是:这些元素拥有内在尺寸(intrinsic dimensions),他们可以设置width/height属性。他们的性质同设置了display:inline-block的元素一致。
置换元素(replaced element)主要是指 img, input, textarea, select, object 等这类默认就有 CSS 格式化外表范围的元素。进而可知,非置换元素(non-replaced element)就是除了 img, input, textarea, select, object 等置换元素以外的元素。