CSS中設置寬高是非常重要的樣式屬性,可以讓我們控制元素的大小和形狀,從而得到更好的頁面布局效果。
在CSS中,我們可以使用width屬性來設置元素的寬度,例如:
div{ width: 200px; }
這樣,元素div的寬度就會被設置為200像素,如果我們想把寬度設置為屏幕的50%,可以這樣寫:
div{ width: 50%; }
除了width屬性,CSS還提供了height屬性來設置元素的高度,例如:
div{ height: 100px; }
這樣,元素div的高度就會被設置為100像素,如果我們想把高度設置為屏幕的25%,可以這樣寫:
div{ height: 25%; }
需要注意的是,當我們只設置元素的寬度或者高度時,元素的另外一邊會自動按比例縮放,保持元素的原來比例關系。
如果我們想同時設置元素的寬度和高度,可以這樣寫:
div{ width: 200px; height: 100px; }
這樣,元素div的寬度會被設置為200像素,高度會被設置為100像素。
總結來說,CSS中的寬高屬性可以幫助我們控制元素的大小和形狀,從而優化頁面布局效果。