CSS3样式-简洁总结

1.2 CSS3 样式

1. 盒子模型相关样式
   box-sizing: content-box / border-box
   box-shadow  盒子阴影
   opacity    不透明度
   
2. 背景样式
   background-origin: 背景图位置的坐标原点   padding-box/content-box/border-box
   background-clip: 背景图像裁剪   border-box/content-box/padding-box/text
   background-size 背景尺寸 contain / cover
   
3. 边框样式
   border-radius
   border-top-left-raidus
   border-top-right-radius
   border-bottom-left-radius
   border-bottom-right-radius
   outline-style
   outline-width
   outline-color
   outline
   outline-offset
   
4. 文本样式
   text-decoration-line
   text-decoration-style
   text-decoration-color
   text-cecoration
   white-space: pre / pre-wrap / pre-line / nowrap
   text-overflow
   text-shadow
   -webkit-text-stroke
   
5. 渐变色
   线性渐变 linear-gradient()
   径向渐变 radial-gradient()
   重复渐变