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

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

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

關鍵詞標簽: 網站建設 建設中 使用技巧