CSS的
標(biāo)簽是非常常用的標(biāo)簽之一,尤其是在進(jìn)行頁面布局時
其中最常見的就是將頁面分為三個部分,可以稱之為“三排布局”
具體實(shí)現(xiàn)方式如下:
<div class="header">Header</div> <div class="content">Content</div> <div class="footer">Footer</div>
其中,header、content、footer都是具有特定樣式的類名
.header{ height: 100px; background-color: #ccc; } .content{ height: 500px; background-color: #eee; } .footer{ height: 100px; background-color: #ccc; }
如此便完成了三排布局,這種布局方式可以適用于大部分的網(wǎng)頁設(shè)計,例如博客、個人主頁等
需要注意的是,三排布局在響應(yīng)式布局中需要進(jìn)行進(jìn)一步的優(yōu)化,以便適配移動設(shè)備等小屏幕設(shè)備
總之,三排布局是CSS中非常基礎(chǔ)而重要的一部分,掌握好這種布局方式可以讓頁面布局更加簡單明了