兩個(gè)DIV,ID分別是aa,bb,則:
成都創(chuàng)新互聯(lián)公司專注于宜章企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開(kāi)發(fā),商城網(wǎng)站制作。宜章網(wǎng)站建設(shè)公司,為宜章等地區(qū)提供建站服務(wù)。全流程按需定制開(kāi)發(fā),專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
div id='aa'/div
div id='bb'/div
那么分別給這兩個(gè)div加上樣式,可以這樣寫(xiě):
#aa{color:#f00;}---這個(gè)定義了id為aa的div的樣式
#bb{color:#0f0;}---這個(gè)定義bb的樣式
使用符號(hào)“#”則對(duì)應(yīng)了div的id屬性。
如果不是根據(jù)id屬性來(lái)定義,例如多個(gè)div需要使用同樣的樣式的話,由于同一個(gè)頁(yè)面id屬性是唯一的,所以需要通過(guò)下面方式來(lái)定義樣式:
div id='aa' class='red'紅色/div
div id='bb' class='red'紅色/div
div id='cc' class='blue'藍(lán)色/div
----樣式定義這樣寫(xiě):
.red{color:#f00;}
.blue{color:#00f;}
這里樣式名稱前面的符號(hào)是".",則通過(guò)div里面的class屬性來(lái)匹配樣式不過(guò),在HTML如果是這樣。
div id="a"
pdfsad/p
/div
div id="b"
padasdfas/p
/div
如果要控制id為a中的p的話,可以把CSS的選擇器寫(xiě)成
#a p{
各種樣式;
}
CSS中用空格來(lái)表示是在#a當(dāng)中的p
css樣式是HTML的一個(gè)補(bǔ)充,簡(jiǎn)單的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代碼解釋見(jiàn)代碼注釋。
第一步設(shè)置一個(gè)最外層div,左右再分兩個(gè)div(這個(gè)div需要設(shè)置float,以保持兩邊水平排列),width設(shè)置為50%,里面放各種小div(第一個(gè)div要用clear:both保證清除float屬性),div的高度可以用height設(shè)置。我給你寫(xiě)個(gè)框架,內(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
文章標(biāo)題:div的css樣式怎么寫(xiě),怎么定義css樣式
分享URL:http://chinadenli.net/article30/dsdsjso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站內(nèi)鏈、面包屑導(dǎo)航、ChatGPT
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)