網站設計離不開 CSS,而 CSS 又是怎么定義的呢?在 Dreamweaver 中,CSS 規(guī)則定義主要包括以下幾個部分:
選擇器 { 屬性: 值; 屬性: 值; }
上面的代碼中,選擇器指定了 CSS 規(guī)則應用到哪些元素,大括號里是具體的樣式屬性和值,其中冒號分隔屬性和值,每條規(guī)則以分號結束。
選擇器可以是元素選擇器、ID 選擇器、類選擇器、屬性選擇器、偽類選擇器和偽元素選擇器等,每種選擇器都有自己的特點和適用場景。
/* 元素選擇器 */ p { color: #000; } /* ID 選擇器 */ #header { background-color: #eee; } /* 類選擇器 */ .show { display: block; } /* 屬性選擇器 */ a[target="_blank"] { text-decoration: none; } /* 偽類選擇器 */ a:hover { color: red; } /* 偽元素選擇器 */ p::after { content: " - author"; }
注意,CSS 規(guī)則的應用是有優(yōu)先級的,通常情況下,后定義的規(guī)則會覆蓋先定義的規(guī)則,如果兩個規(guī)則一樣優(yōu)先級,則以樣式表中靠后出現(xiàn)的規(guī)則為準。如果需要提高某一規(guī)則的優(yōu)先級,可以使用 !important 來強制使用該規(guī)則。
/* 強制使用紅色字體 */ p { color: red!important; }
最后還需要注意的是,CSS 規(guī)則應該盡量簡潔、精細,最好只定義必要的樣式和屬性,避免出現(xiàn)多余的代碼造成負擔。