-
經典實用~查看全部
-
三欄。兩邊定寬中間自適應查看全部
-
body{ margin:0px; padding:0px; } 是為了清除默認樣式查看全部
-
margin:0 auto; 為某個div設置這樣的css樣式的時候,就是指這個div的上下邊界為0,左右邊界自適應查看全部
-
網頁布局中。頁面的布局關系就是塊與塊之間的關系，主要為塊挨著塊，塊嵌套塊，塊層疊塊查看全部
-
布局主要為：一列布局、兩列布局、三列布局、混合布局 通過div來實現查看全部
-
布局要點：布局又稱板式布局，是網頁UI設計師將有限視覺元素進行有機的排列組合。查看全部
-
三列布局實現中間的自適應布局要采用絕對定位的方法： position：absolute；查看全部
-
float:left; float:right;查看全部
-
兩列自適應寬度的布局：用百分比，float查看全部
-
設置水平居中： margin：0 auto；查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>三列布局</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ line-height:50px} .left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0} .main{ height:600px; 【任務2】 background:#9CF; margin: 0 310px 0 210px ; background:blue;} .right{ height:600px; width:300px; position:absolute; top:0; position:absolute;right:0;top:0; background:#FCC;} </style> </head> <body> <div class="left">left</div> <div class="main">設計首頁的第一步是設計版面布局。就象傳統的報刊雜志編輯一樣，我們將網頁看作一張報紙，一本雜志來進行排版布局。 雖然動態網頁技術的發展使得我們開始趨向于學習場景編劇，但是固定的網頁版面設計基礎依然是必須學習和掌握的。它們的基本原理是共通的，你可以領會要點，舉一反三。</div> <div class="right">right</div> </body> </html>查看全部
-
兩個 css 設置，可以讓元素脫離文檔流（浮動定位與絕對定位）查看全部
-
寬度高度等若要自適應則要按百分比來設置查看全部
-
什么叫做布局查看全部
舉報
0/150
提交
取消