在編寫 CSS 樣式表時,我們需要根據 HTML 頁面中的元素對象來設置對應的樣式。下面將介紹如何根據對象來設置 CSS 樣式。
/* 通過標簽名設置樣式 */ p { color: #333; font-size: 16px; } /* 通過類名設置樣式 */ .box { width: 200px; height: 200px; background-color: #f2f2f2; border: 1px solid #ccc; } /* 通過 ID 名設置樣式 */ #title { font-weight: bold; font-size: 18px; color: #000; } /* 通過屬性選擇器設置樣式 */ input[type="text"] { width: 100%; height: 30px; padding: 5px 10px; border: 1px solid #ccc; border-radius: 5px; }
通過標簽名設置樣式是最常見的方法,它會對頁面所有相應的標簽進行設置。通過類名設置樣式則是為某些特定的元素所用,一個類可以對應多個元素。通過 ID 名設置樣式與類名類似,但是 ID 名在頁面中應該是唯一的,只能對應一個元素。通過屬性選擇器設置樣式則是根據元素的屬性來進行設置,可以用于表單元素等。
上一篇根據效果圖填寫css樣式
下一篇樓宇 字體 css