CSS,即樣式表語言,是一種用于修飾網頁表現形式的語言,它可以定義文檔的字體、顏色、大小、布局等方面的樣式,從而使得網頁呈現出更美觀、清晰、易讀的效果。
body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { color: #008000; font-size: 2.5em; margin-bottom: 20px; } p { font-size: 1.2em; line-height: 1.5; } a { color: #0000ff; text-decoration: none; } .btn { background-color: #008000; color: #ffffff; padding: 10px 20px; font-size: 1.2em; border: none; border-radius: 5px; cursor: pointer; }
如上面代碼所示,CSS可以給不同的選擇器設置不同的屬性值,從而改變其外觀和行為,例如對于body元素,我們設定了其背景顏色為淡灰色;對于h1元素,我們修改了其字體大小為2.5em以及字體顏色為綠色;對于段落元素p,則設置了其字體大小為1.2em以及行高為1.5倍。此外,我們還可以通過修改錨元素a的字體顏色和文本裝飾來改變網頁中鏈接的樣式,還可以創建一個按鈕類.btn,設置其背景顏色、字體顏色、內邊距、字體大小、邊框和圓角等屬性,以達到一個美觀的按鈕效果。
通過使用CSS,我們可以無需重復地為每個元素設置樣式,而是將其定義成一個類,然后在HTML中引用即可,這樣不僅提高了整個網頁的效率,也增加了代碼的可讀性和可維護性。