019_CSS尺寸
1. CSS尺寸(Dimension)屬性允許你控制元素的高度和寬度。同樣, 它允許你增加行間距。
2. CSS 尺寸屬性
3. 所有的尺寸屬性對(duì)行內(nèi)元素(不包含行內(nèi)塊)均無效。
4. max-height屬性
4.1. 定義和用法
4.1.1. max-height屬性設(shè)置元素的最大高度。行內(nèi)元素會(huì)忽略這個(gè)屬性。
4.1.2. 該屬性值會(huì)對(duì)元素的高度設(shè)置一個(gè)最高限制。因此, 元素可以比指定值矮, 但不能比其高。不允許指定負(fù)值。
4.1.3. max-height屬性不包括外邊距、邊框和內(nèi)邊距。
4.2. 默認(rèn)值
4.3. 可能的值
5. min-height屬性
5.1. 定義和用法
5.1.1. min-height屬性設(shè)置元素的最小高度。行內(nèi)元素會(huì)忽略這個(gè)屬性。
5.1.2. 該屬性值會(huì)對(duì)元素的高度設(shè)置一個(gè)最低限制。因此, 元素可以比指定值高, 但不能比其矮。不允許指定負(fù)值。
5.1.3. min-height屬性不包括外邊距、邊框和內(nèi)邊距。
5.2. 默認(rèn)值
5.3. 可能的值
6. max-width屬性
6.1. 定義和用法
6.1.1. max-width定義元素的最大寬度。行內(nèi)元素會(huì)忽略這個(gè)屬性。
6.1.2. 該屬性值會(huì)對(duì)元素的寬度設(shè)置一個(gè)最高限制。因此, 元素可以比指定值窄, 但不能比其寬。不允許指定負(fù)值。
6.1.3. max-width屬性不包括外邊距、邊框和內(nèi)邊距。
6.2. 默認(rèn)值
6.3. 可能的值
7. min-width屬性
7.1. 定義和用法
7.1.1. min-width屬性設(shè)置元素的最小寬度。行內(nèi)元素會(huì)忽略這個(gè)屬性。
7.1.2. 該屬性值會(huì)對(duì)元素的寬度設(shè)置一個(gè)最小限制。因此, 元素可以比指定值寬, 但不能比其窄。不允許指定負(fù)值。
7.1.3. min-width屬性不包括外邊距、邊框和內(nèi)邊距。
7.2. 默認(rèn)值
7.3. 可能的值
8. width屬性
8.1. width屬性設(shè)置元素的寬度。行內(nèi)元素會(huì)忽略這個(gè)屬性。
8.2. 這個(gè)屬性定義元素內(nèi)容區(qū)的寬度。在內(nèi)容區(qū)外面可以增加內(nèi)邊距、邊框和外邊距的寬度。
8.3. 默認(rèn)值
8.4. 可能的值
9. height屬性
9.1. height屬性設(shè)置元素的高度。行內(nèi)元素會(huì)忽略這個(gè)屬性。
9.2. 這個(gè)屬性定義元素內(nèi)容區(qū)的高度。在內(nèi)容區(qū)外面可以增加內(nèi)邊距、邊框和外邊距的高度。
9.3. 默認(rèn)值
9.4. 可能的值
10.?例子
10.1.?代碼
<!DOCTYPE html> <html><head><title>尺寸</title><style type="text/css">p {/*width: 200px; 這個(gè)值不會(huì)比100小, 也不會(huì)比300大*//*height: 200px; 這個(gè)值不會(huì)比100小, 也不會(huì)比300大*/max-height: 300px;min-height: 100px;max-width: 300px;min-width: 100px;background-color: green;}</style></head><body><p>4. CSS max-height屬性4.1. 定義和用法4.1.1. 該屬性值會(huì)對(duì)元素的高度設(shè)置一個(gè)最高限制。因此, 元素可以比指定值矮, 但不能比其高。不允許指定負(fù)值。4.1.2. max-height屬性不包括外邊距、邊框和內(nèi)邊距。5. CSS min-height屬性5.1. 定義和用法5.1.1. min-height屬性設(shè)置元素的最小高度。5.1.2. 該屬性值會(huì)對(duì)元素的高度設(shè)置一個(gè)最低限制。因此, 元素可以比指定值高, 但不能比其矮。不允許指定負(fù)值。6. CSS max-width屬性6.1. 定義和用法6.1.1. max-width定義元素的最大寬度。6.1.2. 該屬性值會(huì)對(duì)元素的寬度設(shè)置一個(gè)最高限制。因此, 元素可以比指定值窄, 但不能比其寬。不允許指定負(fù)值。</p></body> </html>10.2.效果圖
總結(jié)
- 上一篇： 029_CSS水平对齐
- 下一篇： 036_CSS导航条