兩個DIV,ID分別是aa,bb,則:
成都創(chuàng)新互聯(lián)公司專注于宜章企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),商城網(wǎng)站制作。宜章網(wǎng)站建設(shè)公司,為宜章等地區(qū)提供建站服務(wù)。全流程按需定制開發(fā),專業(yè)設(shè)計,全程項目跟蹤,成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
div id='aa'/div
div id='bb'/div
那么分別給這兩個div加上樣式,可以這樣寫:
#aa{color:#f00;}---這個定義了id為aa的div的樣式
#bb{color:#0f0;}---這個定義bb的樣式
使用符號“#”則對應(yīng)了div的id屬性。
如果不是根據(jù)id屬性來定義,例如多個div需要使用同樣的樣式的話,由于同一個頁面id屬性是唯一的,所以需要通過下面方式來定義樣式:
div id='aa' class='red'紅色/div
div id='bb' class='red'紅色/div
div id='cc' class='blue'藍(lán)色/div
----樣式定義這樣寫:
.red{color:#f00;}
.blue{color:#00f;}
這里樣式名稱前面的符號是".",則通過div里面的class屬性來匹配樣式不過,在HTML如果是這樣。
div id="a"
pdfsad/p
/div
div id="b"
padasdfas/p
/div
如果要控制id為a中的p的話,可以把CSS的選擇器寫成
#a p{
各種樣式;
}
CSS中用空格來表示是在#a當(dāng)中的p
css樣式是HTML的一個補(bǔ)充,簡單的css使用樣式如下:
html
body
div?id=div/div
/body
style?type="text/css"
width:300px;//設(shè)置div的寬度300像素
height:500px;//設(shè)置div高度500像素
background-color:red;//設(shè)置div的背景顏色為紅色
/style
/html
css代碼位于style之間,詳細(xì)的css代碼解釋見代碼注釋。
第一步設(shè)置一個最外層div,左右再分兩個div(這個div需要設(shè)置float,以保持兩邊水平排列),width設(shè)置為50%,里面放各種小div(第一個div要用clear:both保證清除float屬性),div的高度可以用height設(shè)置。我給你寫個框架,內(nèi)容可以自己填。
div
div style="float:left"
div style="clear:both"/div
div/div
...
/div
div style="float:right"
div style="clear:both"/div
div/div
...
/div
/div