1. 程式人生 > >CSS應用之盒子和變形

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:元素的陰影