使用顺时针方向指定元素的内边距
如果不想每次都要分别声明padding-top
,padding-right
,padding-bottom
和padding-left
属性,可以把它们汇总在padding
属性里面声明,如下:
padding: 10px 20px 10px 20px;
这四个值按顺时针排序:上,右,下,左,并且设置的效果等同于特定声明每一个方向的padding
。
使用顺时针方向指定元素的外边距
同样,每个方向的外边距值可以在margin
属性里面汇总声明,来代替分别声明margin-top
,margin-right
,margin-bottom
和margin-left
属性的方式
使用属性选择器来设置元素的样式
下面的代码会改变所有type
为radio
的元素的外边距。
[type='radio'] {
margin: 20px 0px 20px 0px;
}
理解绝对单位与相对单位
单位长度的类型可以分成 2 种,一种是相对的,一种是绝对的。