CSS布局是構建網頁的基礎。下面我們來介紹一些常用的CSS布局參數。
display
display用來定義元素的類型。常見的值有block、inline、inline-block、flex等。其中,block會使元素變成塊級元素,占據一整行;inline會使元素變成行內元素,只占據內容所占空間;inline-block會使元素變成行內塊級元素,占據一行的一部分。flex則是一種比較新的布局方式,支持強大的自適應布局。
position
position用來設置元素在文檔中的定位方式。常見的值有static、relative、absolute、fixed等。其中,static和relative是默認值,一般不需要指定。absolute會使元素變成絕對定位元素,相對于最近的已定位祖先元素定位;fixed則是一種類似絕對定位的定位方式,相對于瀏覽器窗口定位。
float
float用來定義元素的浮動方式。常見的值有left、right、none。當元素浮動后,會脫離文檔流,可以通過設置clear屬性來清除浮動。
box-sizing
box-sizing用來定義元素的盒模型。常見的值有content-box和border-box。content-box是默認的盒模型,width屬性只包括內容的寬度,而border-box則是把padding和border計算在內,便于進行布局。
以上就是一些常用的CSS布局參數。
上一篇三角形css的div
下一篇三種css3網頁特效