CSS在整個網站搭建過程中起到了佈局和修飾的重要作用，如果把一個網頁比作是一個人，那麼HTML算是肌肉，JavaScript負責了其中血液的作用，而CSS則通過大量的屬性負責了網頁的骨骼和皮膚兩項功能
這裏先把CSS的佈局或者網頁骨骼的功能介紹一下
一個網頁一般由不止一個元素組成，而多個元素必然會存在排列組合的相關問題，如何把這些元素按照排列好，是CSS首先重要的一步
下面介紹下影響網頁佈局和元素排列的相關CSS屬性
display
display 在現有的CSS教材中提到了4個取值方式：none, inline, block, inline-block
none: 即不展示，不佔用空間，此功能和hidden不一樣，因爲hidden只是不會展示，但是依然會佔用空間
inline: 內聯展示，即元素爲行排列。
特性：height/width無效
代表元素： span，ablock: 塊展示，即元素爲列展示。
特性：如果有多個元素的話，每個元素都會佔用一行。可以設置寬高
代表元素：div、p、 form和HTML5中的新元素：header、 footer、 section等等inline-block:
特性：既具有
block的寬高特性又具有inline的同行元素特性。也就是說，當我們想要讓一個元素既不獨佔一行，又可以設置其寬高屬性的時候，我們就可以選擇inline-block了
position
同display，在現有的CSS教材中position屬性也提到了4個取值方式：static, relative, absolute, fixed
static：默認值，靜態元素，top、left、right、bottom、z-index五個屬性對其無效
relative：相對定位元素的定位是相對其正常位置。這裏說的正常位置指的是按照static方式進行元素定位的位置，可以使用top、left、right、bottom、z-index五個屬性
absolute：絕對定位的元素的位置相對於最近的已定位父元素，如果元素沒有已定位的父元素，那麼它的位置相對於<html>。
fixed：元素的位置相對於瀏覽器窗口是固定位置。這裏就不寫例子了
