CSS尺寸與補白

2022-08-01 03:18:11 字數 4343 閱讀 8052

width:長度值 | 百分比 | auto

預設值:auto

適用於:除非置換內聯元素,table-row, table-row-group之外的所有元素

繼承性:無

動畫性:當值為 長度值 | 百分比 時

計算值:指定的值

媒 體:視覺

定義元素的寬度。

min-width:長度值 | 百分比

預設值:0

適用於:除非置換內聯元素,table-row, table-row-group之外的所有元素

繼承性:無

動畫性:當值為 長度值 | 百分比 時

計算值:指定的值

媒 體:視覺

定義元素的最小寬度。

max-width:長度值 | 百分比 | none

預設值:none

適用於:除非置換內聯元素,table-row, table-row-group之外的所有元素

繼承性:無

動畫性:當值為 長度值 | 百分比 時

計算值:指定的值

媒 體:視覺

定義元素的最大寬度。

height:長度值 | 百分比 | auto

預設值:auto

適用於:除非置換內聯元素,table-row, table-row-group之外的所有元素

繼承性:無

動畫性:當值為 長度值 | 百分比 時

計算值:指定的值

媒 體:視覺

定義了元素內容區(content area)的高度

min-height:長度值 | 百分比

預設值:0

適用於:除非置換內聯元素,table-row, table-row-group之外的所有元素

繼承性:無

動畫性:當值為 長度值 | 百分比 時

計算值:指定的值

媒 體:視覺

定義元素的最小高度。

max-height:長度值 | 百分比 | none

預設值:none

適用於:除非置換內聯元素,table-row, table-row-group之外的所有元素

繼承性:無

動畫性:當值為 長度值 | 百分比 時

計算值:指定的值

媒 體:視覺

定義元素的最大高度。

margin:[ 長度值 | 百分比 | auto ]

預設值:看每個獨立屬性

適用於:所有元素,除非 table | inline-table | table-caption的**類元素之外

繼承性:無

動畫性:看每個獨立屬性

計算值:看每個獨立屬性

媒 體:視覺

vertical-margin:長度值 | 百分比 | auto

vertical-margin=margin-top,margin-bottom

預設值:0

適用於:所有元素,除非 table | inline-table | table-caption的**類元素和非替代行內元素之外

繼承性:無

動畫性:當取值為 長度值 | 百分比 時

計算值:指定的百分比或絕對長度值

媒 體:視覺

horizontal-margin:長度值 | 百分比 | auto

horizontal-margin=margin-right,margin-left

預設值:0

適用於:所有元素,除非 table | inline-table | table-caption的**類元素之外

繼承性:無

動畫性:當取值為 長度值 | 百分比 時

計算值:指定的百分比或絕對長度值

媒 體:視覺

簡寫屬性。為元素設定所有四個方向(上右下左)的外邊距。

對應的指令碼特性為:margin

分拆縱向獨立屬性。為元素設定上、下外邊距。

分拆橫向獨立屬性。為元素設定上、下外邊距。

padding:[ 長度值 | 百分比 ]

預設值:看每個獨立屬性

適用於:所有元素,除table-row-group | table-header-group | table-footer-group | table-column-group | table-row

繼承性:無

動畫性:看每個獨立屬性

計算值:看每個獨立屬性

媒 體:視覺

padding-*:長度值 | 百分比

padding-*=padding-top,padding-right,padding-bottom,padding-left

預設值:0

適用於:所有元素,除table-row-group | table-header-group | table-footer-group | table-column-group | table-row

繼承性:無

動畫性:是

計算值:指定的百分比或絕對長度值

媒 體:視覺

簡寫屬性。為元素設定所有四個方向(上右下左)的內邊距。

分拆獨立屬性。為元素單獨設定上、右、下、左4個方向的內邊距。

CSS的邊框與補白

大部分網頁設計者依賴 來布局頁面元素,這是因為 可用於生成邊欄,可以為整個頁面的外觀建立複雜的結構。它也可以做些簡單的事情,如將文字放入有邊框的彩色框中。假如用 來實現 文字放入有邊框的彩色框中 非常簡單。但如果需要的只是乙個有紅色邊框 黃色背景的段落,如果段落自身有邊框與背景,豈不是容易許多?其實...

CSS 尺寸與邊框

作用改變元素的寬度 和 高度 寬度width 寬度 min width 最小寬度 max width 最大寬度 高度height 高度 min height 最小高度 max height 最大高度 頁面中允許設定尺寸的元素 所有的塊級元素都允許設定尺寸 div,p,h1,h2,ul,ol,dl,d...

CSS 尺寸與邊框

一 尺寸屬性 1.寬度 高度 屬性作用 width 寬度min width 最小寬度 max width 最大寬度 height 高度min height 最小高度 max height 最大高度 2.頁面中允許設定尺寸的元素 3.溢位處理 什麼時候出現溢位 內容多元素小時產生溢位,預設溢位是縱向溢...