CSS的
標簽是非常常用的標簽之一,尤其是在進行頁面布局時
其中最常見的就是將頁面分為三個部分,可以稱之為“三排布局”
具體實現方式如下:
<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; }
如此便完成了三排布局,這種布局方式可以適用于大部分的網頁設計,例如博客、個人主頁等
需要注意的是,三排布局在響應式布局中需要進行進一步的優化,以便適配移動設備等小屏幕設備
總之,三排布局是CSS中非常基礎而重要的一部分,掌握好這種布局方式可以讓頁面布局更加簡單明了
上一篇css div 多行
下一篇mysql用社區版夠用嗎