CSS幫助您將文檔信息的內容 和如何展現它的細節相分離。眾所周知,如何展現文檔的細節即為樣式(style)。您可以將樣式從它的內容分離出來,以便您能夠:
避免重復更容易維護為不同的目的,使用不同的樣式而內容相同例如
您的網站可能有成千上萬的頁面外觀相似。使用CSS,您可以將樣式信息存儲在公共的文件中以供所有的頁面共用。
當用戶顯示頁面時,用戶的瀏覽器將樣式信息和頁面內容一同加載。
當用戶打印頁面時,您可以提供不同的樣式信息,以便于打印出來的頁面更易于閱讀。
總之,在HTML中,您使用標記語言來描述文檔的內容而不是它的樣式。您可以使用CSS來指定它的樣式而不是它的內容。 (在本教程后續內容中,您會看到此種的例外情況。)
更多的細節
象HTML之類的標記語言也會提供指定樣式的方法。
例如,在HTML中,您可以使用`標簽來加粗文字,同時,您也可以在頁面的
標記中指定背景顏色。`
當您使用CSS時,您通常要避免使用標記語言的這些特性,以便您所有的文檔樣式信息保存在同一地方。
在與前面相同的目錄中,新建另一個文本文件。該文件將成為您的樣式表。請將它命名為:style1.css
在您的CSS文件中,復制、粘貼下面的行,并保存該文件:
strong {color: red;為將您的文檔和樣式表相連,請編輯您的HTML文件。并添加下面高亮的行:
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Sample document</title> <link rel="stylesheet" href="style1.css"> </head> <body> <p> <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets </p> </body></html>保存該文件并刷新您的瀏覽器。該樣式表將首字母顯示為紅色,如下所示:
**C**ascading **S**tyle **S**heets
新聞熱點
疑難解答