CSS 是 Cascading Style Sheets 的縮寫,可翻譯為層疊樣式表。在網頁中,HTML 負責網頁的結構和內容,而 CSS 則負責網頁的外觀和樣式。它是一種用來描述文檔如何顯示的語言。
CSS 樣式可以通過內聯樣式(在標簽內部添加 style 屬性)、內部樣式表(在 head 標簽內添加 style 標簽)、外部樣式表(在 head 標簽內添加 link 標簽并引用外部 CSS 文件)等方式進行指定。
/* 內部樣式表 */
/* 外部樣式表 *//* style.css 文件內 */ h1 { font-size: 24px; color: #333; } p { font-size: 16px; color: #666; }
CSS 可以通過選擇器來選擇想要設置樣式的 HTML 元素。常見的選擇器有標簽選擇器、類選擇器、id 選擇器等。同時,CSS 還支持繼承、層疊和優先級等特性。
/* 標簽選擇器 */ p { font-size: 16px; color: #666; } /* 類選擇器 */ .primary-color { color: #007bff; } /* id 選擇器 */ #main-content { width: 960px; } /* 繼承 */ div { color: #333; } p { font-size: 16px; } /* p 元素繼承了 div 的顏色 *//* 層疊 */ p { font-size: 16px; color: #666; } p { color: #007bff; } /* p 元素的顏色為 #007bff */繼承了 div 的顏色
除了基本樣式,CSS 還支持偽類和偽元素。偽類可以為元素的特殊狀態(如鼠標懸停、選中、鏈接等)設置樣式,而偽元素可以為元素的特殊部分(如第一個字母、第一行等)設置樣式。
/* 偽類 */ a:hover { text-decoration: underline; } /* 偽元素 */ p::first-letter { font-size: 24px; }
總之,CSS 能夠為網頁帶來豐富的樣式和交互效果,為用戶提供更好的使用體驗。在實際開發中,合理地運用 CSS,可以使網頁更加美觀、專業。
上一篇css在文字后面畫線
下一篇css在文字前面添加原點