CSS 尺寸屬性
在網(wǎng)頁(yè)製作過(guò)程中，我們可能需要設(shè)定元素的高度，寬度，間距等等操作，這需要我們使用一些尺寸 (Dimension)屬性。
1. height屬性
#height屬性可設(shè)定一個(gè)元素的高度。
繼承性：No
可能的值
#值? ? ? ? ? ? ??說(shuō)明
length ? ?使用px、cm等單位定義高度。 ? ?
% ? ?是基於包含它的區(qū)塊層級(jí)物件的百分比高度。
2.line-height 屬性
line-height屬性可設(shè)定行間的距離。 註解：不允許使用負(fù)值。
繼承性：Yes
可能的值
值? ? ? ? ? ? ? ?
########################################################################################################################################################################################################### #normal ? ?預(yù)設(shè)。設(shè)定合理的行間距。 ? ?#########number ? ?設(shè)定一個(gè)數(shù)字，此數(shù)字會(huì)與目前的字體尺寸相乘來(lái)設(shè)定行間距。 ? ?######length ? ?設(shè)定一個(gè)固定的行間距。 ? ?######% ? ?基於目前字體尺寸的百分比行間距。 ? ?##################3. max-height 屬性#########max-height屬性可設(shè)定一個(gè)元素的最大高度。 ######繼承性：No######可能的值################? ? ? ? ? ? ? ?###說(shuō)明################################################################################################################################# #none ? ?預(yù)設(shè)。定義對(duì)元素被允許的最大高度沒(méi)有限制。 ? ?#########length ? ?定義元素的最大高度值。 ? ?###
% ? ?定義是基於包含它的區(qū)塊級(jí)物件的百分比最大高度。 ? ?
4. max-width 屬性
max-width可定義一個(gè)元素的最大寬度。
繼承性：No
可能的值
#? ? ? ? ? ? ? ? ?說(shuō)明
#none ? ?預(yù)設(shè)。定義對(duì)元素的最大寬度沒(méi)有限制。 ? ?
length ? ?定義元素的最大寬度值。 ? ?% ? ?定義是基於包含它的區(qū)塊級(jí)物件的百分比最大寬度。 ? ?
5. min-height 屬性繼承性：No可能的值
描述length ? ?定義元素的最小高度。預(yù)設(shè)值是0。 ? ?% ? ?定義基於包含它的區(qū)塊級(jí)物件的百分比最小高度。 ? ?
############6. min-width 屬性#########min-width屬性可設(shè)定一個(gè)元素的最小寬度。 ######繼承性：No######可能的值#########值? ? ? ? ? ??######說(shuō)明##################################################################### #length ? ?定義元素的最小寬度值。預(yù)設(shè)值：取決於瀏覽器。 ? ?#########% ? ?定義是基於包含它的區(qū)塊級(jí)物件的百分比最小寬度。 ? ?##################7. width 屬性#########width屬性可設(shè)定一個(gè)元素的寬度。 ######繼承性：No######可能的值#########值? ? ? ? ? ? ? ? ?######說(shuō)明############auto 。瀏覽器可計(jì)算出實(shí)際的寬度。 ? ?#########% ? ?定義基於父元素寬度的百分比寬度。 ? ?######length ? ?使用px、cm等單位定義寬度。 #####################實(shí)例：##########<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>實(shí)例</title>
<style type="text/css">
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img class="normal" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="95" height="84" /><br>
<img class="big" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="120" height="90" />
<p class="ex">這是一段句子的高和寬是 100px.</p>
</body>
</html>################# #######實(shí)例：################<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>實(shí)例</title>
<style type="text/css">
p
{
max-height:10px;
background-color:yellow;
}
</style>
</head>
<body>
<p>北京時(shí)間周四凌晨?jī)牲c(diǎn)公布的美聯(lián)儲(chǔ)9月紀(jì)要顯示，如美國(guó)經(jīng)濟(jì)持續(xù)走強(qiáng)，幾位有投票權(quán)的決策者認(rèn)為利率應(yīng)該“很快”會(huì)上升。
美聯(lián)儲(chǔ)在會(huì)議紀(jì)要中指出“幾位委員們認(rèn)為，如若經(jīng)濟(jì)進(jìn)展如預(yù)期般展開(kāi)，那么較快提高聯(lián)邦基金利率將是合適的”。</p>
</body>
</html>
