CSS是網頁設計中必不可少的一部分,它定義了文本樣式、布局和設計。CSS樣式可以通過id和類選擇器應用到HTML文檔中的元素上。
/* ID選擇器 */
id選擇器是通過HTML文檔中元素的id屬性的值來選擇相應的元素。id選擇器的語法是#元素id {自定義樣式}。一個HTML文檔中只能有一個特定的ID值,因此可以使用id選擇器來選擇單個元素。例如:
#myDiv { background-color: yellow; width: 100px; height: 100px; }
上面的樣式表將應用于具有id="myDiv"的div元素。然而,id選擇器不能應用于多個元素
/* 類選擇器 */
類選擇器允許通過標簽的class屬性的值選擇相應的元素。類選擇器的語法是.類名 {自定義樣式}。它可以在一個HTML文檔中應用到多個元素。例如:
.redText { color: red; }
上面的樣式表將應用于所有class屬性值為"redText"的元素。類選擇器也可以應用于所有元素,并且它們可以與其他選擇器組合使用。
簡而言之,選擇器是CSS的核心組成部分,用于將樣式應用于HTML文檔中的特定元素或一組元素。id選擇器和類選擇器都是用于選擇元素的兩種重要方式。
上一篇css3實現圓弧
下一篇css3實現垂直居中