導(dǎo)讀:網(wǎng)站搭建網(wǎng)站搭建css基本技巧；1. CSS box模型的另一種調(diào)整技巧這個Box模型的調(diào)整主要是針對IE6之前的IE瀏覽器的，它們把邊界寬度和空白都算在元素寬度上。比如：#b國外技術(shù)網(wǎng)站網(wǎng)站建設(shè)技術(shù)。

css基本技巧； 1. CSS box模型的另一種調(diào)整技巧 這個Box模型的調(diào)整主要是針對IE6之前的IE瀏覽器的，它們把邊界寬度和空白都算在元素寬度上。比如： #box { width: 100px; border: 5px; padding: 20px }  這樣調(diào)用它： <div id="box">...</div> 這時盒子的全寬應(yīng)該是150點(diǎn)，這在除IE6之前的IE瀏覽器之外的所有瀏覽器上都是正確的。但在IE5這樣的瀏覽器上，它的全寬仍是100點(diǎn)?？梢杂靡郧叭税l(fā)明的Box調(diào)整方法來處理這種差異。但用CSS也可以達(dá)到同樣的目的，讓它們顯示效果一致。 #box { width: 150px } #box div { border: 5px; padding: 20px }  這樣調(diào)用： <div id="box"><div>...</div></div> 這樣，不管什么瀏覽器，寬度都是150點(diǎn)了。 2. 直通到屏幕底部的背景色 在垂直方向是進(jìn)行控制是CSS所不能的。如果你想讓導(dǎo)航欄和內(nèi)容欄一樣直通到頁面底部，用表格是很方便的，但如果只用這樣的CSS： #navigation { background: blue; width: 150px }&ndede手機(jī)模板bsp; 較短的導(dǎo)航條是不會直通到底部的，半路內(nèi)容結(jié)束時它就結(jié)束了。該怎么辦呢？不幸的是，只能采用欺騙的手段了，給這較短的一欄加上個背景圖，寬度和欄寬一樣，并讓它的顏色和設(shè)定的背景色一樣。 body { background: url(blue-image.gif) 0 0 repeat-y }  此時不能用em做單位，因?yàn)槟菢拥脑?，一旦讀者改變了字體大小，這個花招就會露餡，只能使用px。

3. CSS border的缺省值 通常可以設(shè)定邊界的顏色，寬度和風(fēng)格，如： border: 3px solid #000 這位把邊界顯示成3像素寬，黑色，實(shí)線。但實(shí)際上這里只需要指定風(fēng)格即可。如果只指定了風(fēng)格，其他屬性就會使用缺省值。一般地，Border的寬度缺省是medium，一般等于3到4個像素；缺省的顏色是其中文字的顏色。如果這個值正好合適的話，就不用設(shè)那么多了。 4. CSS在容器內(nèi)定位 CSS的一個好處是可以把一個元素任意定位，在一個容器內(nèi)也可以。比如對這個容器： #container { position: relative }  這樣容器內(nèi)所有的元素都會相對定位，可以這樣用： <div id="container"><div id="navigation">...</div></div> 如果想定位到距左30點(diǎn)，距上5點(diǎn)，可以這樣： #navigation { position: absolute; left: 30px; top: 5px }  當(dāng)然，你還可以這樣： margin: 5px 0 0 30px 注意4個數(shù)字的順序是：上、右、下、左。當(dāng)然，有時候定位的方法而不是邊距的方法更好些。

關(guān)鍵詞標(biāo)簽: 網(wǎng)站建設(shè) 建設(shè)中 使用技巧