盒子邊框邊距
margin:外邊距
padding:內邊距
-top:上邊距
-left:左邊距
-right:右邊距
-bottom:下邊距
border:邊框
content:內容
浮動float:left
float:right
float:none(預設)
定位position:static (靜態定位) 預設
position:relative (相對定位),相對於其原文件流的位置進行定位
position:absolute (絕對定位),相對於static定位以外的第乙個上級元素進行定位
position:fixed (固定定位),相對於瀏覽器的位置
屬性邊偏移設定
position:top 頂端偏移量
botttom 底部偏移量
left 左側偏移量
right 右側偏移量
z-index:只能在position屬性值為relative、absolute、fixed的元素上有效,z軸可以理解為螢幕的深度,z-index值越大的元素月靠近使用者。
預設值為0
取值範圍;正整數,負整數和0
css盒子模型 邊框邊距
border style dashed 邊框線為虛線 border style solid 邊框線為實線 例 box shadow 10px 10px 10px pink box shadow 水平 垂直 模糊度 顏色 盒子陰影的引數 1 水平 2 垂直 3 模糊度 4 陰影尺寸 5 陰影顏色 6 ...
css 內邊距 外邊距 邊框
1.內邊距css padding 屬性定義元素邊框與元素內容之間的空白區域。例子 padding left 20px 屬性 描述padding 簡寫屬性。作用是在乙個宣告中設定元素的所內邊距屬性。padding bottom 設定元素的下內邊距。padding left 設定元素的左內邊距。padd...
CSS 定位和浮動
css 為定位和浮動提供了一些屬性,利用這些屬性,可以建立列式布局,將布局的一部分與另一部分重疊,還可以完成多年來通常需要使用多個 才能完成的任務。定位的基本思想很簡單,它允許你定義元素框相對於其正常位置應該出現的位置,或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。顯然,這個功能非常強大,也...