CSS表示層疊樣式表(Cascading Style Sheets)是一種集中式的表現(xiàn)層語言,用于描述HTML或XML文檔的外觀和樣式。CSS如同HTML一樣,是一種標記語言。它包括了一個樣式定義的名稱和對應(yīng)的屬性值。這些屬性值可以被應(yīng)用于HTML標簽來改變頁面的呈現(xiàn)方式。
p { color: red; /* 將文本變成紅色 */ font-size: 16px; /* 設(shè)置字體大小 */ font-weight: bold; /* 加粗文本 */ }
CSS具有繼承、層疊、優(yōu)先級等特性。繼承指的是當父元素定義了某些樣式時,子元素會自動繼承這些樣式。層疊指的是當多個樣式同時應(yīng)用于一個元素時,它們會按照一定的方式進行疊加。優(yōu)先級指的是當多個樣式規(guī)則同時應(yīng)用于一個元素時,按照一定的規(guī)則選擇其中優(yōu)先級最高的樣式。
/* 定義了多個樣式規(guī)則,它們會按照一定的層疊順序進行疊加 */ p { color: red; font-size: 16px; } p { font-weight: bold; } /* 層疊后的結(jié)果是該段文本既有紅色字體又加粗 */
CSS還支持通過選擇器來針對具體的元素應(yīng)用樣式,可以使用標簽名選擇器、類選擇器、ID選擇器等多種方式進行選擇。同時還支持使用偽類和偽元素來表示元素的狀態(tài)或位置。
/* 使用類選擇器定義樣式 */ .text-red { color: red; } /* 使用偽類表示鼠標懸浮在文本上時的樣式 */ a:hover { color: blue; } /* 使用偽元素添加一些特殊的顯示效果 */ p::before { content: '這是一段前置文本'; color: green; }
CSS的應(yīng)用既可以在HTML文檔中的style標簽內(nèi)定義,也可以在外部CSS文件中定義并通過link標簽將其引入HTML文檔。外部CSS文件的使用可以讓多個HTML文檔共享同一套樣式,方便維護和修改。