塊元素在頁面中以區域塊的形式出現，其特點是，每個塊元素通常都會獨自占據一整行或多整行，可以對其設置寬度、高度、對齊等屬性
行內元素與塊元素可以通過display屬性進行相互交換
display屬性常用的屬性值及含義如下：
（1）inline：此元素將顯示為行內元素（行內元素默認的 display屬性值）
（2）block：此元素將顯示為塊元素（塊元素默認的 display屬性值）。
（3）inline- block：此元素將顯示為行內塊元素，可以對其設置寬度、高度和對齊等屬性，但是該元素不會獨占一行。
（4）none：此元素將被隱藏，不顯示，也不占用頁面空間，相當於該元素不存在。
靜態定位是元素默認的定位方式，是各個元素在HTML文檔流中默認的位置。
塊級元素生成一個矩形框，作為文檔流的一部分，行內元素則會創建一個或多個行框，置於其父元素中。
在靜態定位方式中，無法通過位置偏移屬性（top、bottom、left或right）來改變元素的位置。
靜態定位是CSS中四種定位的一種，是默認的定位方式。
絕對定位是脫離文檔流的，不占據其原來未移動時的位置
是相對於父級元素或更高的祖先級中有relative（相對）定位
並且離本元素層級關系上最近元素的左上角進行定位
如果在祖先元素中沒有relative定位的，就默認相對於body進行定位。
z-index屬性設置一個定位元素沿 z 軸的位置
z 軸定義為垂直延伸到顯示區的軸。如果為正數，則離用戶更近，為負數則表示離用戶更遠。
浮動脫離文檔流
浮動可以左浮動、右浮動
浮動使用float屬性
在盒子模型中的代表塊元素的矩形對象，可以通過CSS樣式來定義內容區域的高度與寬度，當這個內容無法容納子矩形對象時，對於這些子矩形對象必須決定怎么顯示，顯示什么，這樣的處理規則就稱為溢出處理。
ＣＳＳ溢出定義方法：
overflow：visible｜hidden｜scroll｜auto
在CSS中可以使用 visibility（可見性）來設置對象是否可見，該屬性的語法格式如下所示：
visibility: visible | hidden ;
通過visibility屬性設置橫向菜單的某一個對象隱藏
visibility屬性設置隱藏，但隱藏后其原來位置仍然被占用。
元素的邊框（border）是圍繞元素內容和內邊距的一條或多條線。CSS中使用border屬性設置元素邊框的樣式、寬度和顏色。
邊框線定義方式如下：
border : 寬度、樣式，顏色;
border-width，border-color
border-top....
內邊距是指盒子模型的邊框與顯示內容之間的距離，使用padding屬性進行定義。
語法格式如下：
padding：像素值；
padding：像素值，像素值
padding：像素值，像素值，像素值
padding：像素值，像素值，像素值，像素值
在CSS 3中，過渡通過以下幾個屬性進行實現：
transition-property屬性：規定設置過渡效果的 CSS 屬性的名稱。
transition-duration屬性：規定完成過渡效果需要多少秒或毫秒。
transition-timing-function：規定速度效果的速度曲線。
transition-delay：定義過渡效果何時開始。
CSS 3變形是一系列效果的集合，如平移、旋轉、縮放和傾斜，每個效果都被稱作為變形函數。
定義語法： transform: none｜ transform-functions;
