国产探花免费观看_亚洲丰满少妇自慰呻吟_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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 扶沟县| 和林格尔县| 永安市| 贡觉县| 五峰| 屏东市| 宿迁市| 景泰县| 伊吾县| 周宁县| 札达县| 长治县| 涟源市| 建水县| 桐梓县| 揭东县| 安岳县| 廉江市| 西林县| 都江堰市| 潍坊市| 集安市| 兴仁县| 虹口区| 华宁县| 日土县| 台北市| 文成县| 西城区| 襄城县| 常德市| 临泉县| 新蔡县| 开化县| 托克逊县| 闻喜县| 康马县| 永泰县| 濮阳市| 呼图壁县| 葵青区|