css2.1還包含outline屬性。與border屬性不同，輪廓繪製在元素框之上，所以它們不影響元素的大小或定位。因此輪廓有助於修復bug，因為它們不影響頁面的布局。大多數現代瀏覽器（包括ie8）支援輪廓，但是ie7和更低版本不支援輪廓。
內邊距、邊框和外邊距都是可選的，預設值為零。但是，許多元素將由使用者**樣式表設定外邊距和內邊距。可以通過將元素的margin或padding設定為零來覆蓋這些瀏覽器樣式。
*以上不區分元素，所以它對option等元素有不利影響。因此，使用全域性reset把內邊距和外邊距顯式的設定為零可能更安全。
在css中，width和height指的是內容區域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區域的尺寸，但是會增加元素框的總尺寸。假設框的每個邊上有10畫素的外邊距和5畫素的內邊距，如果希望這個框達到100畫素寬，就需要將內容的寬度設定為70畫素。
#mybox{
margin:10px;
padding:5px;
width:70px;
內邊距、邊框和外邊距可以應用於乙個元素的所有邊，也可以應用於單獨的邊。外邊距還可以是負值。
CSS教程 4 2 盒子的定位
本小節的標題是盒子的定位，實際上對於使用css對網頁布局這個大主題來說 定位 這個詞本身有兩種含義。廣義的 定位 要將某個元素故到某個位置的時候，這個動作可以稱為定位操作，可以使用任何css規則來實現，這就是泛指的乙個網頁排版中的定位操作，使用傳統的 排版時，同樣存在定位的問題。狹義的 定位 在cs...
css3盒子相關樣式
1 css3的display屬性 inline 內聯 inline block 可以設定寬高的內聯 block 設定為塊 doctype html html lang en head meta charset utf 8 title css3盒子型別 title style inline 內聯，in...
CSS3盒子陰影box shadow
來自w3cschool的解釋 語法 box shadow h shadow v shadow blur spread color inset 值描述 h shadow 必需。水平陰影的位置。允許負值。v shadow 必需。垂直陰影的位置。允許負值。blur 可選。模糊距離。spread 可選。陰影...