-
text-align:left; -> 文字的對齊是左對齊查看全部
-
float 屬性定義元素在哪個方向浮動。以往這個屬性總應用于圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。 如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會盡可能地窄。 注釋：假如在一行之上只有極少的空間可供浮動元素，那么這個元素會跳至下一行，這個過程會持續到某一行擁有足夠的空間為止。 替換元素： 替換元素是瀏覽器根據其標簽的元素與屬性來判斷顯示具體的內容。 比如：<input /> type="text" 的是，這是一個文本輸入框，換一個其他的時候，瀏覽器顯示就不一樣 (X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替換元素，這些元素都沒有實際的內容。 非替換元素： (X)HTML 的大多數元素是不可替換元素，他們將內容直接告訴瀏覽器，將其顯示出來。 比如<p>wanmei.com</p> 瀏覽器將把這段內容直接顯示出來。 除了這兩字，還有兩種非常屬性的元素，顯示元素，他分為兩種情況，一種是‘塊及元素’ ‘block’，還有一種是“行內元素”inline，大家也叫“內聯元素”。 塊及元素 他最明顯的特征就是獨自占領一行，自動充滿父級元素的內容區域，絕不會讓別人“侵略”（當然可以通過其他方式去改變他）。 常見的有：div，p..等等。 通過CSS設定了浮動（float屬性，可向左浮動或向右浮動）以及設定顯示（display）屬性為“block”或“list-item”的元素都是塊級元素。這個地方浮動是一個比較特殊的情況，可以詳查浮動這個知識 行內元素： 上面說塊及元素獨自占領一行，行內元素就沒這么霸道了，他可以左右都允許有元素，最常見的就是<a></a>查看全部
-
兩列布局利用到了float：left/right 屬性 1.自適應，用百分比%分配寬度，當拖動瀏覽器窗口時，按設置做相應變化，此方法比較少用 2.固定寬度，用px明確指定寬度， 限制左右在父級框中 .main{}查看全部
-
不居中查看全部
-
清除浮動：clear:both;查看全部
-
???????????????????????????查看全部
-
清除浮動 clear:both查看全部
-
寬度設為自適應：width：20% 可以用百分比查看全部
-
水平居中：margin:0 auto查看全部
-
清除默認樣式：body{ margin:0;padding:0;}查看全部
-
混合布局編程挑戰查看全部
-
左側200px 右側300PX 中間自適應 使用浮動無法實現用絕對定位查看全部
-
.main{ height:600px;background:#9CF;margin:0 310px 0 210px;}查看全部
-
自適應寬度就是設置塊的寬度百分比，設置成具體數值就是固定寬度，不設置寬度就是隨著內容增多而變大。<br> <br> 三列布局中想要兩邊固定寬度，中間列自適應寬度——就把兩邊設置成絕對定位，左邊的position:absolute;left=0; to:0;右邊的position;absolute; right:0; top :0; 中間寬度不設置具體寬度或者百分比，并設置左右外邊距分別為左右兩列的寬度，如果想要間隔可適當加大margin值。查看全部
-
1.混合布局：我們可以把一列布局加入“左”和“右”改造為混合布局。 2.在中部mian中加入子div 分別是（左，右）。 然后分別在style中加入“.left和.right”的樣式！ 3.注“left和right”都要加浮動“float” 4.還可以在混合布局下進行更復雜的混合布局 5.可以將right定義為sub_right和sub_right 分為化為更為密集的混合布局 布局有一列、二列、三列和混合布局 混合布局： 將一列布局改造就變成了混合布局。 即主體部分加上子div 要點回顧： 其實在網頁制作當中，頁面中的元素就是塊與塊之間的關系： 塊挨著塊；塊嵌套著塊；塊疊壓著塊 通過css將這些塊擺放正確，網頁布局就自然完美了。 1、margin:0 auto 自動居中 2、兩種分成三欄的方式： 1）兩邊position：absolute，left：0/right：0，top:0， 中間margin｛0 右邊 0 左邊｝ 2）先分兩欄 左右float 再分兩欄左右float查看全部
舉報
0/150
提交
取消