CSS層疊表是一種用于控制網頁樣式的機制。通過定義CSS樣式表,我們可以在HTML文檔中對元素的樣式進行控制。而層疊表則能夠控制同一個元素的多個樣式,使得我們能夠通過多個樣式表、多個選擇器對同一個元素進行樣式覆蓋和疊加。
層疊表的使用方法非常簡單,只需在HTML文檔中使用link標簽指定CSS文件,并在CSS文件中編寫樣式即可。以下是一個簡單的層疊表例子:
<link rel="stylesheet" type="text/css" href="style.css"> /* 在style.css文件中編寫樣式 */ h1 { font-size: 24px; /* 定義字體大小為24像素 */ color: red; /* 定義字體顏色為紅色 */ }
在這個例子中,我們使用link標簽引入了一個名為style.css的樣式文件。在樣式文件中,我們定義了一個選擇器h1,指定了字體大小為24像素、顏色為紅色的樣式。
如果想要使用多個樣式表來控制同一個元素,我們可以使用@import語句來引入其他樣式表。示例代碼如下:
<link rel="stylesheet" type="text/css" href="style1.css"> <link rel="stylesheet" type="text/css" href="style2.css"> /* 在style1.css文件中編寫樣式 */ h1 { font-size: 24px; } /* 在style2.css文件中編寫樣式 */ h1 { color: red; }
在這個例子中,我們使用了兩個link標簽引入了兩個樣式表。在style1.css中,我們定義了h1的字體大小為24像素;而在style2.css中,我們又定義了h1的字體顏色為紅色。因為兩個樣式都作用在同一個選擇器上,所以最終h1元素會同時應用這兩個樣式,其字體大小為24像素、顏色為紅色。
上一篇css屬性那些可以繼承
下一篇css屬于靜態網頁嗎