css設置寬高用什么屬性?用width和height屬性


css設置寬高用什么屬性?用width和height屬性,width屬性用于設置元素的寬度,height屬性用于設置元素的高度,可設置的值如下:

auto – 默認。瀏覽器計算高度和寬度。

length – 以 px、cm 等定義高度/寬度。

% – 以包含塊的百分比定義高度/寬度。

initial – 將高度/寬度設置為默認值。

inherit – 從其父值繼承高度/寬度。

需要注意的是:width和height屬性不包括內邊距、邊框或外邊距。它設置的是元素內邊距、邊框以及外邊距內的區域的高度或寬度。

下面用范如樂的帥照舉個例子看看效果吧,添加兩個img元素來做對比:

css設置寬高用什么屬性?用width和height屬性

從截圖可以看到,當范如樂通過類選擇器把樣式juli2的寬高設置為width:100px;height:100px;時,圖片就比原來的樣式juli1的大小width:200px;height:200px;變得更小了。反之,也可以設置得更大。

其它元素也是同理,只要給元素添加了width和height屬性,就可以設置元素的寬度和高度。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/css/8221.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: