最近我參加了一個div css考試,這讓我對css的掌握程度有了更深刻的認識。
div{ width: 200px; height: 150px; background-color: red; margin-top: 50px; margin-bottom: 50px; margin-right: auto; margin-left: auto; text-align: center; font-size: 24px; color: white; line-height: 150px; }
在考試中,我們被要求使用css實現一個居中對齊的div塊,并設置它的背景色、字體等屬性。我使用的css如上所示。
首先,我設置了div的寬度和高度,然后設置了垂直方向的外邊距。接著,我使用了margin屬性的值為auto來使div水平方向上居中對齊,而text-align屬性的值為center則是為了內部文本居中對齊。
我還設置了div的背景色、字體大小和顏色,并使用了line-height屬性來使內部文本居中垂直對齊。
當然,在考試中,我也遇到了一些問題。例如,我一開始忘記了設置div的display屬性為block,導致它不能像塊級元素一樣居中對齊。還有,我也忽略了使用!important來覆蓋一些默認樣式。
總的來說,這次div css考試讓我認識到css的重要性,也讓我對它有了更深入的了解。我會繼續努力學習,提高自己的水平。