本篇內(nèi)容介紹了“CSS屬性width和height有什么作用”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)建站主要從事成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)官渡,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):028-86922220

width是定義元素內(nèi)容區(qū)的寬度；cssheight是定義元素在內(nèi)容區(qū)的高度.在內(nèi)容區(qū)外面可以增加內(nèi)邊距（padding）、邊框（border）和外邊距（margin），這樣的話就成了我們常說(shuō)的盒子模型，后期內(nèi)容中會(huì)給大家講到這些，在行內(nèi)非替換元素會(huì)忽略width這個(gè)屬性，也就是我們不定義這個(gè)元素的時(shí)候，默認(rèn)值為auto，由內(nèi)容將其撐開(kāi)。

cssheight單位

絕對(duì)單位

1.像素px(pixels)，在web上，像素px是典型的度量單位，這也是我們最常用的單位。像其他一些單位最終，都會(huì)被按照像素處理

2.英寸in(inches)1in=2.54cm=96px；

3.厘米cm(centimeters)1cm=10mm=96px/2.54=37.8px

4.毫米mm(millimeters)1mm=0.1cm=3.78px

5.1/4毫米q(quarter-millimeters)1q=1/4mm=0.945px

6.點(diǎn)pt(points)，1pt=1/72in==0.0139in=1/72*2.54cm=1/72*96px=1.33px；

7.派卡pc(picas)，1pc=12pt=1/6in=1/6*96px=16px；

這些單位基本不怎么用，大家知道一下就可以了。

相對(duì)單位：%vw、vh、vmin和vmax，除了百分比，后面的幾個(gè)都是css3的單位，但是出來(lái)時(shí)間也挺久了。

百分比的話在這里就不多說(shuō)了，就是平均把屏幕分成一百份，一份就是百分之一，你自己可以寫(xiě)一個(gè)50%寬的div，拖拉窗口試試看變化。

vw：視窗寬度的百分比視窗呢指的是瀏覽器可視區(qū)域的寬高

vh：視窗高度的百分比

vmin：當(dāng)前較小的vw和vh

vmax：當(dāng)前較大的vw和vh

比如往往vh大于vw，當(dāng)vh大于vw的時(shí)候那么vmin就是隨他倆中比較小的也就是等于vw，vmax則等于比較大的那個(gè)vh。

cssheight屬性

與百分比相比，%是相對(duì)于父元素的大小設(shè)定的比率，vw是視窗大小決定的。其實(shí)這些視窗單位與%使用基本類(lèi)似，優(yōu)勢(shì)在于能夠直接獲取高度，而用%在沒(méi)有設(shè)置body高度的情況下，是無(wú)法正確獲得可視區(qū)域的高度的，所以這是挺不錯(cuò)的優(yōu)勢(shì)。

不僅僅width和height可以使用這vw，vh，font也可以使用，這兩個(gè)屬性是什么呢，先說(shuō)VW，我們把視窗寬度平均分成100份，也就是width=100vw就是當(dāng)前屏幕寬度，是跟著屏幕寬度變化而變化的，10vw就是十分之一的視窗寬度，這個(gè)單位呢不同于百分比，百分比是相對(duì)于父元素的；VH則是根據(jù)高度，在這里就不再贅述了，其實(shí)呢width使用百分比完全可以設(shè)置了。

“CSS屬性width和height有什么作用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

文章名稱(chēng)：CSS屬性width和height有什么作用-創(chuàng)新互聯(lián)
本文URL：http://weahome.cn/article/dhhjjc.html