CSS应用之盒子和变形

transform：变形功能

transform:scale(2,1) 缩放 rotate(45deg)旋转 translate(10%,50%); 移动*/

 

display:盒子样式

display:inline text,span默认是这种类型，多个不换行显示，也不可以设置宽度

block：div默认是这种，整行显示，多个会换行，可以设置宽度

inline-block:为了将多个div分列显示或者显示水平菜单，具有inline的特性，同时也可以设置宽度

list-item：将多个元素作为列表来显示，同时在元素开头加上列表的标记 （如：list-style-type:circle）;

table:将div显示为表格table

table-cell:将div显示为表格的td

table-row:将div显示为表格的tr

inline-table:将div元素显示为表格，并且可以与文字元素排列到一行中

none：不显示元素

 

box-sizing:指定针对元素的宽度与高度的计算方法

box-sizing:content-box(默认值)，表示元素的宽度与高度不包括内部补白区域，以及边框的宽度与高度

                 border-box，表示元素的宽度与高度包括内部补白区域，以及边框的宽度与高度

box-shadow：元素的阴影