CSS1.1是CSS1的升級版,增加了一些新的特性,同時也修復了一些原版本的錯誤。
選擇器:
p { color: red; } /* 選取所有元素 */ #id { color: green; } /* 選取id為id的元素 */ .class { color: blue; } /* 選取class為class的元素 */ p.class { color: purple; } /* 選取class為class的
元素 */
盒子模型:
div { width: 100px; height: 100px; padding: 10px; border: 1px solid black; margin: 10px; }
上述代碼會設置一個寬為100px、高為100px的div,并在內部添加10px的內邊距、1px的邊框、10px的外邊距。
定位:
div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
上述代碼會將一個div絕對定位到父元素的中心,使用transform屬性對其進行微調以對齊。
媒體查詢:
@media (min-width: 768px) { /* 當屏幕寬度大于等于768px時應用以下樣式 */ body { background-color: lightblue; } }
上述代碼在屏幕寬度大于等于768px時,將body元素的背景顏色設置為淺藍色。
CSS1.1在Web開發中有著廣泛的應用,通過熟練掌握其語法、屬性和相關知識,我們可以靈活使用CSS1.1實現各種復雜的頁面效果。
上一篇bean和json
下一篇jequry和vue