国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

為何使用CSS

2024-04-27 15:09:35
字體:
來源:轉載
供稿:網友

信息: 為何使用CSS?

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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 林甸县| 泽库县| 车致| 漯河市| 垦利县| 乌兰浩特市| 普安县| 合阳县| 青冈县| 巫山县| 武穴市| 宁安市| 方正县| 固原市| 阿合奇县| 东乡| 琼中| 毕节市| 抚远县| 新泰市| 甘孜县| 罗城| 邻水| 鹤峰县| 长治县| 芜湖市| 茂名市| 蓬安县| 武功县| 芷江| 县级市| 麦盖提县| 蛟河市| 长汀县| 和林格尔县| 苏尼特左旗| 大名县| 芜湖市| 芜湖市| 芜湖市| 岢岚县|