border-box，颜色的alpha通道以及百分比

  css中，设置宽高时默认为内容块的宽高，若设置内边距，外边距，边框，宽度将会加大，在原宽度上增加边距，这时候很容易导致内容宽度距离问题，会被边框影响，不好调整，这时候可以将外边框内边框全局设置为零，每个元素设置为box-sizing:border-box，它将包含外边距，内边距和边框，内容块所有宽度，等于width设置的宽度，这样设置后，总宽度可以保障，而不会被边框与边距所影响，设置多少，该元素就是多少，不会影响其它元素位置。

  当设置边框，边距为百分比时，普通元素会以父元素内容宽度为参考来计算，定位元素以padding区域宽度来计算。

  宽高为百分比时，普通元素宽度会以父元素宽度来计算，而高度会以父元素高度来计算，若为定位元素，则以padding区域高宽来计算。

  颜色的alpha通道，可以设置透明度，也能通过opactity设置元素整体透明度，或使用transparent将背景色设置为透明色