CSS3

1 概览

X.1 复合写法

• 字体可用front简写
• 背景可以用background简写
• 边框可以用order简写
• 转换(位移/旋转/缩放) 可以用translate简写
• 动画可以用animation简写
• 外边距可以用margin简写
• 内边距可以用padding简写

  padding 1 //四周皆为1
  padding 1 2 //上下为1，左右为2
  padding 1 2 3 //上为1，左右为2，下为3
  padding 1 2 3 4 //上右下左
  
  
  说明：margin同理

X.2 Css书写顺序

X.3 着重强调

• 标准布局的父子元素间会有顶部边距塌陷问题，而浮动的元素则不会有这种情况，padding可以解决这种问题。
• 布局样式时，由上到下，由行到列，由外到内，即农村包围城市策略。合理使用padding使元素内容居中。