css盒子模型及其他元素屬性簡介

清單屬性及用法

屬性值	樣式	用法
none	無風格	list-style：none
disc	實心圓	list-style：disc
circle	空心圓	list-style：circle
square	實心方塊	list-style：square
decimal	數字	list-style：decimal

超連結的僞類樣式 其樣式屬性可以為： a： link 未通路狀态 a： visited 以通路狀态 a： hover 滑鼠上移狀态 a： active激活標明狀态 盒子模型 其屬性值可以為： padding 内邊距 content 内容區 margin 外邊距 width 内容寬度 border 邊框 height 内容高度 内邊距 padding 内容和邊框之間的距離 其屬性值可以為：1個值：則四個方向采用相同的值 2個值：則上下的值，左右 3個值：則是上，左右，下 4個值：則按照順時針的順序，上，右，下，左依次添加 padding: 20px 5px 15px 10px; 外邊距 margin 影響目前盒子和其他盒子的距離 其屬性值可以為：1個值：則四個方向采用相同的值 2個值：則上下的值，左右 3個值：則是上，左右，下 4個值：則按照順時針的順序，上，右，下，左依次添加 margin-top: 50px 25px; 注意： 當兩個塊級元素上下排列，上下間距取最大值 左右排列，左右間距為兩者相加 邊框 border 内容區 content 内容寬度 width 注意： 外邊距，邊框和内邊距都會影響内容的寬度 内容高度 height 圓角弧度 border-radius 其屬性值可以為：1個值：4個角都一樣 2個值：左上右下，右上左下 3個值：左上，右上左下，右下 4個值：左上，右上，右下，左下 border-radius: 150px; 盒子陰影 box-shadow 與text-shadow類似，但比它多了一個模糊拓展範圍 其屬性值為：1：x軸方向的偏移 2：y軸方向的偏移 3：模糊範圍 4：陰影的拓展範圍 5：陰影顔色 box-shadow: -10px -5px 10px 10px red; overflow屬性 其規定當内容溢出元素框時發生的事情。 其屬性值可以為： visible：預設值 超出的文本預設顯示 auto：當文本超出的時候顯示滾動條，否則不顯示 scroll：不管文本是否超出範圍，度添加滾動條 hidden：将超出的部分隐藏起來 inherit： 規定應該從父元素繼承 overflow 屬性的值。 overflow: auto;