日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
CSSwidth和height(寬度和高度)
CSS 尺寸屬性指的就是元素的寬度和高度屬性,雖然說非常簡單,但卻是必須掌握的技能。CSS 中提供了 width、height、max-width、min-width、max-height 和 min-height 等幾個屬性來設(shè)置元素的寬度和高度,這些元素使用起來非常簡單,下面我們就來簡單介紹一下。

讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:域名注冊、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、臨夏網(wǎng)站維護(hù)、網(wǎng)站推廣。

1. width

通過 width 屬性可以設(shè)置元素內(nèi)容區(qū)的寬度,屬性的可選值如下:

描述
auto 默認(rèn)值,瀏覽器自動計算元素的實際寬度
length 使用具體數(shù)值配合 px、cm 等單位來定義寬度
% 定義基于父元素寬度百分比的寬度
inherit 從父元素繼承 width 屬性的值

提示:對于 標(biāo)簽來說,若僅指定 width 屬性,那么它的 height 屬性將根據(jù)原圖片尺寸進(jìn)行等比例縮放。

一般情況下 width 屬性需要與 height 屬性配合使用來同時定義元素的寬度和高度,因為某些元素沒有默認(rèn)的寬度或高度(或者寬度與高度默認(rèn)為 0px),若不定義寬度或高度而且元素中又沒有內(nèi)容(子元素、文本等)時,這個元素的寬度或高度就會被設(shè)置為 0px,從外表看起來就像被壓縮成了一條線。

【示例】使用 width 屬性設(shè)置元素的寬度:




    


    
width 屬性

運行結(jié)果如下圖所示:



圖:width 屬性演示

2. height

height 屬性用來定義元素內(nèi)容區(qū)的高度,屬性的可選值如下:

描述
auto 默認(rèn)值,瀏覽器自動計算元素的實際高度
length 使用具體數(shù)值配合 px、cm 等單位來定義高度
% 定義基于父元素高度百分比的高度
inherit 從父元素繼承 width 屬性的值

提示:無論是 width 屬性還是 height 屬性,它們的值都不能設(shè)置為負(fù)數(shù)。

默認(rèn)情況下,瀏覽器會將某些元素的寬度設(shè)置為 100%,例如


,而元素的高度則是根據(jù)元素中的內(nèi)容來確定的,所以有些情況下您不必為元素設(shè)置固定的寬度或高度。

【示例】使用 width 和 height 屬性設(shè)置元素的寬度和高度:




    


    

運行結(jié)果如下圖所示:



圖:height 屬性演示

3. max-width 和 max-height

max-width 和 max-height 屬性分別用來設(shè)置元素內(nèi)容區(qū)的最大寬度和最大高度。當(dāng)定義了 max-width 和 max-height 屬性時,不論 width 或 height 屬性的實際值是多少,width 和 height 屬性的實際值都會小于等于 max-width 和 max-height 屬性的值。max-width 和 max-height 屬性的可選值如下:

描述
none 默認(rèn)值,表示對元素的最大寬度或高度沒有限制
length 使用具體數(shù)值配合 px、cm 等單位來定義元素的最大寬度或高度
% 定義基于父元素寬度和高度百分比的最大寬度或高度
inherit 從父元素繼承 max-width 或 max-height 屬性的值

以 max-width 屬性為例:(max-height 屬性的特性與之相似)

  • 當(dāng) max-width 屬性的值小于 width 屬性時,width 屬性的值會被重新定義為與 max-width 屬性相同的值;
  • 當(dāng) max-width 屬性的值大于 width 時,max-width 屬性將會被忽略;
  • 當(dāng) max-width 屬性的值小于 min-width 時,max-width 屬性將會被忽略。

【示例】使用 max-width 和 max-height 屬性設(shè)置元素的最大寬度和高度:




    


    
max-width: 280px;
max-height: 200px;
width: 300px;
height: 180px;

運行結(jié)果如下圖所示:



圖:max-width 和 max-height 屬性演示

4. min-width 和 min-height

min-width 和 min-height 屬性用來設(shè)置元素內(nèi)容區(qū)的最小寬度和最小高度,當(dāng)定義了 min-width 和 min-height 屬性時,不論 width 或 height 屬性的實際值是多少,width 和 height 屬性的實際值都會大于等于 min-width 和 min-height 屬性的值。min-width 和 min-height 屬性的可選值如下:

描述
length 使用具體數(shù)值配合 px、cm 等單位來定義元素的最小寬度或高度,默認(rèn)值取決于瀏覽器
% 定義基于父元素寬度和高度百分比的最小寬度或高度
inherit 從父元素繼承 min-width 和 min-height 屬性的值

以 min-width 屬性為例:(min-height 屬性的特性與之相似)

  • 當(dāng) min-width 屬性的值小于 width 時,min-width 屬性將會被忽略;
  • 當(dāng) min-width 屬性的值大于 width 時,min-width 屬性的值將被重新定義為與 min-width 屬性相同的值;
  • 當(dāng) min-width 屬性的值大于 max-width 時,max-width 屬性將會被忽略。

【示例】使用 min-width 和 min-height 屬性設(shè)置元素的最小寬度和高度:




    


    
min-width: 280px;
min-height: 200px;
width: 300px;
height: 180px;

運行結(jié)果如下圖所示:



圖:min-width 和 min-height 屬性演示

新聞名稱:CSSwidth和height(寬度和高度)
網(wǎng)頁路徑:http://www.5511xx.com/article/djdeood.html