CSS樣式是一個網頁設計中非常重要的部分。樣式決定了頁面的布局、字體、顏色、大小等,而CSS就是負責這些樣式的代碼。下面是一些CSS樣式的寫法和規則。
/* 選擇器和聲明塊 */ p { color: red; font-size: 20px; } /* 多個選擇器 */ h1, h2, h3 { font-weight: bold; } /* 偽類 */ a:hover { color: blue; } /* 繼承 */ body { font-family: Arial, sans-serif; } /* 特殊字符 */ content: "\2605"; /* 組合選擇器 */ p:first-child { font-weight: bold; } /* id選擇器 */ #myid { background: yellow; } /* 類選擇器 */ .myclass { border: 1px solid black; } /* 屬性選擇器 */ input[type="text"] { border: 1px solid gray; }
在CSS中,選擇器用來選擇一個或多個元素,聲明塊則定義了選定元素的樣式。多個選擇器可以用逗號隔開,偽類用來選擇元素的特殊狀態,如:hover表示鼠標懸浮狀態的鏈接樣式。繼承是指當一個元素沒有指定某些樣式時,會繼承父元素的樣式。在CSS里使用特殊字符可以為網頁添加一些獨特的符號,組合選擇器可以選擇滿足多種條件的元素,如:first-child表示第一個子元素。
id選擇器使用#加id名來選擇唯一的元素,類選擇器使用.加類名來選擇所有擁有該類的元素,屬性選擇器用來選擇具有某種屬性的元素,如輸入框的type屬性為text的輸入框。
上一篇css中顯示層級關系
下一篇css中點擊圖片浮現