CSS是網頁設計中不可或缺的一部分,它可以控制網頁的布局、字體、顏色等各種顯示效果。為了達到最好的樣式效果,需要了解CSS的樣式規則。CSS樣式規則通常由選擇器和聲明塊兩部分組成。其中,聲明塊又由屬性和屬性值組成,屬性和屬性值之間由冒號分隔,多個屬性值之間用分號分隔。下面介紹CSS樣式中常用的8種規則。
/* 第一種規則:元素選擇器 */ p { color: blue; } /* 第二種規則:類選擇器 */ .mylable { font-size: 20px; } /* 第三種規則:ID選擇器 */ #mybook { font-style: italic; } /* 第四種規則:后代選擇器 */ p span { color: red; } /* 第五種規則:子元素選擇器 */ div > p { text-decoration: underline; } /* 第六種規則:相鄰兄弟選擇器 */ h1 + p { margin-top: 0; } /* 第七種規則:通用選擇器 */ * { margin: 0; padding: 0; } /* 第八種規則:屬性選擇器 */ a[target="_blank"] { font-weight: bold; }
以上是CSS常用的8種樣式規則,通過這些規則,可以為網頁的不同元素設置不同的樣式,實現各種復雜的網頁布局和顯示效果。