2016-09-05 分類: 網站建設
網站建設以前常用表格來布局,而現在一些比較知名的網頁設計全部采用的DIV+CSS來排版布局。DIV+CSS的好處可以使HTML代碼更整齊,更容易使人理解,而且在瀏覽時速度也比傳統的布局方式快,最重要的是它的可控性要比表格強得多。下面成都網站建設蜀風科技介紹常見的布局類型。
1、 使用CSS定位單行單列固定寬度
網站建設是單行單列固定寬度也是一列固定寬度布局,它是所有布局的基礎,也是最簡單的布局形式。一列固定寬度中,寬度的屬性值是固定像素。
2、 一列自適應布局
網站建設的自適應布局是在網頁設計常見的一種布局形式,自適應的布局能夠根據瀏覽器窗口的大小,自動改變其寬度或高度值,是一種非常靈活的布局形式,良好的自適應布局網站對不同分辨率的顯示器都能提供最好的顯示效果。自適應布局需要將寬度由固定值改為百分比。
3、 兩列固定寬度布局
有了一列固定寬度作為基礎,兩列固定寬度就非常簡單,我們知道DIV用于對某一個區域的標識,而兩列的布局,自然需要用到兩個DIV。網站建設兩列固定寬度非常簡單,兩列的布局需要用到兩個DIV,分別把兩個DIV的ID設置為left與right,表示兩個DIV的名稱。首先為它們設置寬度,然后讓兩個DIV在水平線中并排顯示,從而形成兩列式布局。
5、 三列浮動中間寬度自適應布局
網站建設使用浮動定位方式,從一列到多列的固定寬度和自適應,基本上可以簡單完成,包括三列的固定寬度。而在這里給我們提出了一個新要求,希望有一個三列式布局,其中左欄要求固定寬度并居左顯示,右欄要求固定寬度并居右顯示,而中間欄需要在左欄和右欄的中間,根據左右欄的間距變化自動適應。
文章名稱:成都網站建設制作布局
網頁網址:http://m.newbst.com/news8/43558.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站建設等
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容