CSS中有一種常用的屬性是固定寬度和高度,它可以讓我們對HTML元素的尺寸進(jìn)行精確控制。
固定寬度的寫法:
我們可以使用width屬性來設(shè)置元素的寬度:
.box { width: 200px; }這里我們?yōu)橐粋€(gè)元素的類定義了一個(gè)寬度為200像素的固定寬度。這個(gè)元素可以是任何HTML標(biāo)簽,比如div、p、span等等。 固定高度的寫法:
同樣地,我們可以使用height屬性來設(shè)置元素的高度:
.box { height: 100px; }這里我們?yōu)橥粋€(gè)元素的類定義了一個(gè)高度為100像素的固定高度。注意,這種寫法只對一些可以設(shè)置高度的元素起作用,比如div、p、img、iframe等等。 同時(shí)固定寬度和高度的寫法:
如果我們想同時(shí)設(shè)置元素的寬度和高度,可以這樣寫:
.box { width: 200px; height: 100px; }這樣,我們就設(shè)置了一個(gè)寬200像素,高100像素的固定尺寸元素。 在實(shí)際應(yīng)用中,我們經(jīng)常會使用這些固定寬度和高度來規(guī)劃網(wǎng)頁布局或UI設(shè)計(jì)。但是注意,過多的使用固定寬度和高度可能會導(dǎo)致網(wǎng)頁在不同的屏幕上顯示不一致,因此需要在使用時(shí)考慮清楚。