CSS浮動和定位 邊框邊距

2021-10-04 01:19:05 字數 623 閱讀 8954

盒子邊框邊距

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 為定位和浮動提供了一些屬性,利用這些屬性,可以建立列式布局,將布局的一部分與另一部分重疊,還可以完成多年來通常需要使用多個 才能完成的任務。定位的基本思想很簡單,它允許你定義元素框相對於其正常位置應該出現的位置,或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。顯然,這個功能非常強大,也...