下面的代碼塊展示了一個基本的CSS樣式表:
/* 全局樣式 */ body { font-family: Arial, sans-serif; background-color: #F5F5F5; } /* 標題樣式 */ h1 { font-size: 36px; color: #333333; } /* 段落樣式 */ p { font-size: 16px; line-height: 1.5; color: #666666; } /* 鏈接樣式 */ a { color: #007ACC; text-decoration: none; } a:hover { text-decoration: underline; } /* 圖片樣式 */ img { max-width: 100%; height: auto; }
該CSS樣式表包含了全局樣式、標題樣式、段落樣式、鏈接樣式和圖片樣式。通過在HTML文檔中鏈接該樣式表,可以實現對整個網站或特定頁面的樣式控制。
全局樣式設置了頁面的背景色和字體,可以在所有元素中應用。標題樣式定義了h1元素的字體大小和顏色。段落樣式設置了p元素的字體大小、行高和顏色。鏈接樣式定義了a元素的顏色和懸停時的下劃線效果。圖片樣式設置了img元素的最大寬度為100%,高度自適應。
使用CSS樣式表可以使頁面結構更加清晰,代碼更易維護。此外,通過在樣式表中設置通用規則,可以實現樣式的統一和重用,提高了開發效率。
上一篇css設置錨點顏色
下一篇css設置透明搜索框