CSS規則中,聲明部分是由屬性和值組成的。
selector { attribute: value; }
在這段代碼中,selector是所選擇的元素的標識符,attribute是屬性的名稱,value是對應屬性的值。
在CSS中,各種屬性和值的組合都可以用來控制網頁的樣式和布局。下面是一些例子:
/* 改變文字顏色 */ h1 { color: red; } /* 設置背景圖像 */ body { background-image: url(bg.jpg); } /* 改變元素位置 */ #myDiv { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* 設定文本字體 */ p { font-family: Arial, Helvetica, sans-serif; }
在以上例子中,屬性和值的組合呈現出各種不同的效果。了解這些屬性和值的作用,可以幫助我們更好地掌握CSS,并設計出更加優美的網頁。