div+css佈局教程?

Tags: 教程, 佈局,

在這裡教大家簡單的div+css教程。

工具/原料

電腦

方法/步驟

首先為大家講下DIV+CSS佈局中主要CSS屬性介紹

div+css佈局教程

Float:Float屬性是DIV+CSS佈局中最基本也是最常用的屬性,用於實現多列功能,我們知道

標籤預設一行只能顯示一個,而使用Float屬性可以實現一行顯示多個div的功能,最直接解釋方法就是能實現表格佈局的多列功能。

div+css佈局教程

Margin:Margin屬性用於設定兩個元素之間的距離。

div+css佈局教程

Padding:Padding屬性用於設定一個元素的邊框與其內容的距離。

div+css佈局教程

Clear:使用Float屬性設定一行有多個DIV後(多列),最好在下一行開始之前使用Clear屬性清楚一下浮動,否則上面的佈局會影響到下面。

div+css佈局教程

如題2到題五中講述的實力,如圖所示。

div+css佈局教程

例項程式碼原始碼為下:

DIV+CSS佈局教程

Content-Left

Content-Main

div+css佈局教程

注意事項

教程, 佈局,
相關問題答案