在html中,可以使用height屬性和width屬性設(shè)置尺寸大小,只需要給元素設(shè)置“height:長度值”和“width:長度值”樣式即可;其中長度值的單位可以為px、cm等,也可以為基于包含它的塊級(jí)對(duì)象百分比高度的“%”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在CSS中,可以常使用像素為單位設(shè)置HTML元素的大小,這種方式在實(shí)際開發(fā)過程中用得較多。例如,使用像素設(shè)置圖片的的寬度和高度。
在CSS中,還可以使用厘米設(shè)置元素的大小,這種方式常常在需要元素大小與實(shí)際打印大小一致時(shí)用到。例如,使用厘米設(shè)置圖片的寬度和高度。
在CSS中,還可以用rem作為單位定義元素的大小,制作手機(jī)網(wǎng)頁時(shí)常用到該單位,該單位設(shè)置的元素會(huì)隨著顯示窗口的大小變化而變化。例如,使用rem設(shè)置圖片的寬度和高度。
CSS設(shè)置HTML元素的最大寬度。通過max-width來設(shè)置元素的最大寬度,在窗口足夠顯示元素大小情況下,會(huì)受到最大寬度的限制。不設(shè)高度的情況下,高度是自適應(yīng)高度。
CSS設(shè)置HTML元素的最大高度。通過max-height來設(shè)置元素的最大高度,當(dāng)顯示窗口足夠高時(shí),元素的高度會(huì)受到此高度的限制。不設(shè)寬度的情況下,寬度是自適應(yīng)寬度。
CSS設(shè)置HTML元素的大小,還有一種設(shè)置行高(line-height)的方法,一般是對(duì)文本內(nèi)容行高的設(shè)置。
推薦學(xué)習(xí):html視頻教程