總結自慕課網：
個人理解：width屬性具有繼承性，假設父元素100px；子元素設定50%，則為50px；而border-width不具有繼承性，如果使用百分比，瀏覽器解析時應該向誰作為參考物件呢，所以只能用指定大小來確定。
類似不支援百分比的有：outline,border-shadow,text-shadow
border-width還支援關鍵字：thin(1px)；medium(3px)（預設值）；thick(5px)
border-style:solid; //實線
border-style:dashed; //虛線
不同瀏覽器虛線的實色區域寬高比不同： chrome/firefox:(3:1); ie:(2:1);
border-style:dotted; //點線
不同瀏覽器表現有差異：chrome/firefox:小方; ie:圓;
border-style:double; //雙線
三條槓的圖案就可以通過乙個div和border來實現
border-style:inset; //內凹
border-style:outset; //外凸
border-style:ridge; //山脊
border-style:groove; //溝槽
border-color預設顏色就是color
border-color預設顏色就是color
當border-color為指定顏色時，color設定什麼顏色border-color就會是什麼顏色，類似的還有box-shadow,text-shadow等
實際應用：滑鼠經過時邊框和中間十字均變色
css2.1background的定位只能相對於左上角數值定位，不行相對右下
那麼如果要在css2.1實現相對有邊緣定位呢
三角形的實現網上有很多教程了，在此就不詳細說了，主要原理就是講寬高設定為0；然後將部分border的顏色設定成透明
再設定好border的寬度，即可實現各種形狀的三角形。
drop-shadow濾鏡還可以給元素或非透明區域新增投影。
原理如下：
對於背景透明的 png 小而言，如果我們施加乙個不帶模糊的投影，不就等同於生成了另外乙個顏色的小了嗎？
然後，我們把原始隱藏在容器外面，投影在容器中間，給人的感覺就是換了顏色的。
但是在chrome瀏覽器下頁面中不可見元素的drop-shadow也是不可見；但是如下圖
等寬布局 ；缺點不支援百分比寬度
CSS深入理解之border篇
border的屬性 1.border width 不支援百分比，支援關鍵字，thin 1px medium 預設值，3px，預設值是3px的原因是只有當border是3px及以上時，border style才有效 果 thick 5px 2.border style 有不同值，下面分析分別為不同值時...
深入理解border屬性
定義 border thin,medium 預設值 thick 其他條件 border不支援百分比 border不會隨著裝置的放大縮小而改變 例項ie7 ie8實現圓角效果.parent parent childie7 ie8繪製列表 三 圖形divborder color 與圖形變色.parent...
CSS深入理解之relative
總結 1 position absolute 他的意思是絕對定位，預設上溯父級元素，找第乙個不是 static 的元素，以其為 absolute 的基準。如果設定trbl並且父級沒有設定position屬性，那麼當前的absolute則以瀏覽器左上角為原始點進行定位，位置將由trbl決定。2 pos...