建立或修改階層式樣式表

重要:  本文係由機器翻譯而成,請參閱免責聲明。本文的英文版本請見這裡,以供參考。

您階層式樣式表 (CSS) 授與控制網頁的簡報。使用 CSS,您可以精確地位置,且設定項目的外觀網頁上。

CSS 可外部的內部,或直接編輯,相對於網頁和網頁可以使用一或多個這些類型的 CSS 同時。一般而言,內嵌 CSS 中定義樣式會優先於內部或外部 css,而樣式的內部 css 優先於外部 CSS 中的樣式。

您想要做什麼?

建立外部 CSS

建立內部 CSS

建立內嵌 CSS

建立外部 CSS

當您要在您的網站中的部分或所有網頁套用相同的樣式一致時,請使用外部樣式表。定義一個或多個外部樣式表中的樣式,並附加到網頁,您可以確保整個網站具有的外觀保持一致。如果您決定要變更的樣式,您需要進行只有一個變更,外部 css,並變更就會自動反映在參照該樣式的所有 Web pages 和 CSS。

包含外部 CSS.css 檔案,例如 core.css。外部 CSS 的語法是內部 CSS,相同,但 < 樣式 > 標籤不包含定義外部 CSS 的樣式。

建立空白的外部 CSS

  • 在 [檔案] 功能表中,指向 [新增],然後按一下CSS

    提示: 您也可以按一下上新的文件] 按鈕 按鈕 一般] 或 [標準] 工具列上的向下箭號,然後按一下 [ CSS

單步驟中建立新的樣式和外部的 CSS

  1. 在 [格式] 功能表上按一下 [新樣式

    提示: 在 [套用樣式] 或 [管理樣式] 工作窗格中,或在 [樣式] 工具列上,您也可以按一下[新增樣式

  2. 在 [新樣式] 對話方塊中的定義在方塊中,按一下新的樣式表

頁面頂端

建立內部 CSS

使用內部 CSS,有時也稱為內嵌 CSS,當您想要定義樣式目前的網頁,而且也要覆寫外部 CSS 中定義的樣式附加至目前的網頁。

內部 CSS 包含網頁的 < 不對 > 標籤。

內部樣式表的範例

<style type="text/css">
.alert {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
#headlines {
border-color: #000000;
border-width: thin;
border-style: solid;
}
</style>

建立內部 CSS

  1. 開啟您想要包含的 CSS 的網頁。

  2. 在 [格式] 功能表上按一下 [新樣式

    提示: 在 [套用樣式] 或 [管理樣式] 工作窗格中,或在 [樣式] 工具列上,您也可以按一下[新增樣式

  3. 在 [新增樣式] 對話方塊中,在 [定義於] 方塊中選取 [目前頁面]。

頁面頂端

建立內嵌 CSS

使用內嵌樣式來套用 [CSS 屬性頁面上的個別項目當您不需要重複使用的樣式。內嵌樣式定義在網頁上的 HTML 元素的起始標籤。

如需有關如何建立樣式的詳細資訊,請參閱建立和套用樣式

內嵌樣式表的範例

<p style="font-weight: bold; font-style: italic; color: #FF0000">

頁面頂端

附註: 機器翻譯免責聲明︰本文係以電腦系統翻譯而成,未經人為介入。Microsoft 提供此等機器翻譯旨在協助非英語系使用者輕鬆閱讀 Microsoft 產品、服務及技術相關內容。基於本文乃由機器翻譯而成,因此文中可能出現詞辭、語法、文法上之錯誤。

擴展您的技能
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×