首頁 >web前端 >前端問答 >css中height是什麼意思

css中height是什麼意思

WBOY
WBOY原創
2022-06-30 11:06:135065瀏覽

在css中,height是元素高度的意思,是css中的屬性;該屬性用於定義元素內容區的高度,不包括填充、邊框或頁邊距,行內非替換元素會忽略這個屬性,預設情況下該屬性的值為“auto”,語法為“元素{height:屬性值;}”。

css中height是什麼意思

本教學操作環境:windows10系統、CSS3&&HTML5版本、Dell G3電腦。

css中height是什麼意思

height屬性設定元素的高度。

注意: height屬性不包括填充,邊框,或頁邊距!

這個屬性定義元素內容區的高度,在內容區外面可以增加內邊距、邊框和外邊距。

行內非替換元素會忽略這個屬性。

屬性值如下:

css中height是什麼意思

範例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<style>
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img  class="normal" src="logocss.gif"    style="max-width:90%"  style="max-width:90%" / alt="css中height是什麼意思" ><br>
<img  class="big" src="logocss.gif"    style="max-width:90%"  style="max-width:90%" / alt="css中height是什麼意思" >
<p class="ex">这个段落的高和宽是 100px.</p>
<p>这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本.</p>
</body>
</html>

輸出結果:

css中height是什麼意思

(學習影片分享:css影片教學html影片教學

以上是css中height是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn