cssdiv樣式,cssdiv網(wǎng)頁布局技術(shù)教程
用css div做兩個實體小方塊
1、首先新建一個html文件，命名為test.html。
創(chuàng)新互聯(lián)建站為您提適合企業(yè)的網(wǎng)站設(shè)計?讓您的網(wǎng)站在搜索引擎具有高度排名，讓您的網(wǎng)站具備超強(qiáng)的網(wǎng)絡(luò)競爭力！結(jié)合企業(yè)自身，進(jìn)行網(wǎng)站設(shè)計及把握，最后結(jié)合企業(yè)文化和具體宗旨等，才能創(chuàng)作出一份性化解決方案。從網(wǎng)站策劃到網(wǎng)站制作、網(wǎng)站建設(shè)， 我們的網(wǎng)頁設(shè)計師為您提供的解決方案。
2、在test.html文件內(nèi)，使用div標(biāo)簽一個模塊，在div內(nèi)，再使用div標(biāo)簽創(chuàng)建兩個內(nèi)部模塊，下面將讓兩個內(nèi)部div并排顯示。
3、在test.html文件內(nèi)，分別給每一個div設(shè)置class屬性，分別為wdiv，fldiv，frdiv。
4、在css標(biāo)簽內(nèi)，設(shè)置class為wdiv的div樣式，定義其寬度為500px，高度為400px，背景顏色為灰色。
5、在css標(biāo)簽內(nèi)，再分別設(shè)置class為fldiv和frdiv的樣式，定義它們的寬度為240px，高度為350px，同時，使用float屬性分別設(shè)置一個div浮動向左，另一個浮動向右，從而實現(xiàn)并排顯示。
6、最后在瀏覽器打開test.html文件，查看實現(xiàn)的效果，就完成了。
css 樣式 div
style type="text/css"
#1{ width:100px;
height:100px;
float:left;
border:1px solid #00;
margin-right:20px;
}
#2{ width:200px;
height:200px;
float:left;
border:1px solid #00;
}
/style
/head
body
div id="1"/div
div id="2"/div
/body
用css怎么設(shè)置div滾動條的樣式，可改變大小的
在css樣式中設(shè)置瀏覽器滾動條樣式操作步驟如下：
1.打開軟件，新建html文檔，如下圖紅框所示為新建界面。
2.在/head和body中間書寫hmtl代碼，div這里面輸入你想要輸入的內(nèi)容即可/div，如下圖紅框所示。
3.然后在body和/body中間書寫外層軌道css代碼：body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外層軌道*/} 。
這里主要是設(shè)置外層軌道的形狀和顏色，根據(jù)想要設(shè)置的樣式進(jìn)行調(diào)節(jié)即可，如下圖紅框所示。
4.然后在外層軌道下面書寫內(nèi)層軌道css代碼：body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*內(nèi)層軌道*/}。
這里主要是設(shè)置內(nèi)層軌道的形狀和顏色，根據(jù)想要設(shè)置的樣式進(jìn)行調(diào)節(jié)即可，如下圖紅框所示。
5.以上代碼代碼輸入完成，就可以運(yùn)行看效果，效果如下紅框所示，滾動條設(shè)置完成，如果不喜歡樣式，回去修改代碼屬性即可。
怎樣定義一個DIV里的元素的CSS樣式
有三種常用方式：1、通過id 例：style#test{color:red;}/stylediv id="test" test/div
2、通過類名 例：style.test{color:blue;}/stylediv class="test" test/div
3、直接放在div標(biāo)簽里 例：div style="color:purple" test/div
怎么定義1個DIV的CSS樣式？
兩個DIV,ID分別是aa,bb，則：
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
當(dāng)前題目：cssdiv樣式,cssdiv網(wǎng)頁布局技術(shù)教程
分享路徑：http://m.jiaotiyi.com/article/dsechoc.html