-
布局父層：position:relative 布局子層：position:absolute查看全部
-
網頁布局：又稱版式布局，是網頁UI設計師將有限的視覺元素進行有機的排列組合，將理性的思維個性化的表現出來，是一種具有個人藝術特色的視覺傳達方式。傳達信息的同時有美感。 網頁設計特點（相對紙媒來說） 1、網頁可以自適應寬度(百分比自適應寬度） 2、網頁的長度理論上可以無限延長（高度自適應） 一般是頭部，主體，底部。主體一般再根據需要分欄，一般兩欄或者三欄，還有可能分為更多的欄目。常見分欄方式：一、二、三、列布局，混合布局。查看全部
-
兼容IE6不能用浮動，而且當字元素要設定為absolute的時候，父元素要設定relative才可以。查看全部
-
清除樣式 clear查看全部
-
混合布局查看全部
-
浮動后面的元素如果不清楚浮動 就會當前面的元素不存在而占用其位置. 本例中main未設置高度,footer未清除浮動其css效果就會占用main位置 清除浮動方式： clear:both overflow:hidden查看全部
-
頁面間元素的關系(塊與塊之間的關系)： 塊挨著塊 塊嵌套著塊 塊壓著塊查看全部
-
三列布局：不能使用float，左右兩列絕對定位，分別靠左和靠右，中間列為相對定位，左右margin分別設置為左右兩列的寬度即可，如果列與列之間需要間隔，則增加相應的margin值。查看全部
-
網頁設計特點： 1. 自適應寬度 2. 長度理論上無限制 分欄：一列、二列、三列、混合（頭部一列，內容兩到三列）查看全部
-
三列布局，左右兩側固定寬度，中間自適應的參考做法： 左邊：position:absolute;left:0px;top:0px;width:200px; 中間：設置外邊距： margin:0 305px 0 205px; 右邊：position:absolute;right:0px;top:0px;width:300px;查看全部
-
body{margin:0;padding:0}清除默認樣式 兩列布局：1、寬度自適應（用的比較少），1.1因為寬度要自適應，所以要設置左側left的width:xx%；1.2，需要左右排列，所以設置float:left；1.3另一側right也設置width和float(left和right都可以吧，再微調) 2、固定寬度（☆☆☆☆☆）left和right增加一個父div#main,設置這個main的width，以及margin 0 auto；2.1如果要精確控制left和right的寬度，可以使用px【就是說也可以使用%粗略控制?！?查看全部
-
兼容IE6不能用浮動，而且當字元素要設定為absolute的時候，父元素要設定relative才可以。查看全部
-
要求右側（right）先加載，左側（left）后加載 <div class="right">right</div> <div class="left">left</div>查看全部
-
單列布局margin:0 auto查看全部
-
網頁布局：又稱版式布局，是網頁UI設計師將有限的視覺元素進行有機的排列組合，將理性的思維個性的化的表現出來，是一種具有個人藝術特色的視覺傳達方式。傳達信息的同時有美感。 網頁設計特點（相對紙媒來說） 1、網頁可以自適應寬度 2、網頁的長度理論上可以無限延長 一般是頭部，主體，底部。主體一般再根據需要分欄，一般兩欄或者三欄，還有可能分為更多的欄目。常見分欄方式：一、二、三、列布局，混合布局。查看全部
舉報
0/150
提交
取消