-
很基礎的東西，算是溫習一下概念。查看全部
-
存一下 這個簡單查看全部
-
清除浮動有兩種方法：1.clear:both 2.overflow:hidden查看全部
-
將一列布局改造就變成了混合布局。 主體部分加上子div 要點回顧： 其實在網頁制作當中，頁面中的元素就是塊與塊之間的關系： 塊挨著塊；塊嵌套著塊；塊疊壓著塊 通過css將這些塊擺放正確，網頁布局就自然完美了。 1、margin:0 auto 自動居中 2、兩種分成三欄的方式： 1）兩邊position：absolute，left：0 top：0 right：0 中間margin｛0 右邊 0 左邊｝ 2）先分兩欄 左右float 再分兩欄左右float查看全部
-
3列布局-特殊案例 左右列固定寬度，中間列自適應,不可使用float。 左側絕對定位：position：absolute;left:0;top:0; 右側絕對定位：position：absolute;right:0;top:0; 中間寬度定義去掉，加上左右的margin值，margin:0 310px 0 210px; 上右下左（中間空一點出的話，增加margin屬性值便可以實現） 左右兩側布局固定寬度，中間部分寬度自適應。則需要采用絕對定位來實現，把左右設置為絕對定位查看全部
-
一列布局不適于存放文本，太長容易看走眼。 一列布局： 1.通常作為網頁頭部。固定寬度。 2.正真開發，高度設置自動的。 兩列布局自適應，使用百分比。 三列布局，使用絕對定位和margin。 盒子之間的三種關系： 1、相鄰 2、嵌套 3、疊加 我們要做的就是擺放好盒子的位置。 關于頁面上元素的加載順序： 元素是從前往后依次加載的，要想先加載就要寫在前面。 通常left部分是作為菜單，right部分作為主體內容，我們打開網頁，都希望先看到 主體內容，所以有意把right部分寫在left部分前面，然后把right部分右浮動，left部分左浮動， 這樣布局不會出現問題，而且還解決了IE6下右浮動換行的問題。查看全部
-
網頁布局：又稱版式布局，是網頁UI設計師將有限的視覺元素進行有機的排列組合，將理性的思維個性的化的表現出來，是一種具有個人藝術特色的視覺傳達方式。傳達信息的同時有美感。 網頁設計特點（相對紙媒來說） 1、網頁可以自適應寬度 2、網頁的長度理論上可以無限延長 一般是頭部，主體，底部。主體一般再根據需要分欄，一般兩欄或者三欄，還有可能分為更多的欄目。常見分欄方式：一、二、三、列布局，混合布局。查看全部
-
文檔流：元素按照其在 HTML 中的位置順序決定排布的過程，主要的形式是自上而下，一行接一行，每一行從左至右。 浮動和絕對定位可以讓元素脫離文檔流查看全部
-
添加wrap層，實現自動居中查看全部
-
兼容IE6不能用浮動，而且當子元素要設定為absolute的時候，父元素要設定relative才可以。 要右側自適應，則左側應該定寬并且position：absolute。 .left{width:200px;height:300px;background:#0000FE;position:absolute;top:0px;} .right{margin-left:210px;height:300px;background:#9ACC99;;}查看全部
-
試一試效果查看全部
-
存代碼查看全部
-
終于對了查看全部
-
布局父層：position:relative 布局子層：position:absolute .main{position:relative} .left{position:absolute; top:0 left:0}查看全部
-
浮動后面的元素如果不清除浮動， 就會當前面的元素不存在而占用其位置. 本例中main未設置高度,footer未清除浮動其css效果就會占用main位置 清除浮動方式： clear:both overflow:hidden 在有些情況下只能是用overflow:hidden來清除浮動查看全部
舉報
0/150
提交
取消