在HTML文檔中包含CSS

CSS可以作為單獨的文檔引用，也可以嵌入到HTML文檔中。在HTML文檔中包含CSS有三種方法：

• 內聯樣式 - 使用元素起始標記的style屬性指定樣式
• 嵌入樣式 - 在文檔的head部分使用style標記指定樣式
• 外部樣式 - 在文檔的head部分使用link標記引用外部CSS文件

注意：內聯樣式的優先級最高，而外部樣式表的優先級最低。這意味著，如果同時使用嵌入樣式表和外部樣式表為元素指定樣式，則嵌入樣式的規則將覆蓋外部樣式表。

內聯樣式

內聯樣式通過將CSS規則直接放入開始標記的style屬性來將唯一的樣式規則應用于該元素。

style屬性的值為一系列CSS屬性和值對。每個“property:value”對都用分號(；)分隔，與嵌入或外部樣式表中的寫法一樣，但必須全部在一行中，即分號后沒有換行符，如下所示：

內聯樣式的示例

通常認為使用內聯樣式是一種不好的做法。因為樣式規則直接嵌入到HTML標記中，這會導致文檔格式與文檔內容混合；這使得代碼很難維護，違背了發明CSS的初衷。

注意：已經無法在內聯樣式中設置偽元素和偽類規則。因此，避免在代碼中使用樣式屬性。使用外部樣式表向HTML文檔添加樣式是首選方法。

嵌入樣式/內部樣式

嵌入樣式表或內部樣式表只影響定義它們的HTML文檔。

嵌入樣式是使用style標記在HTML文檔的head部分定義的。可以在HTML文檔中定義任意數量的style元素，但它們必須出現在

和標記之間，如以下所示：

提示：style和link標記的type屬性(即type=“text/css”)定義使用CSS樣式語言，但這個屬性純粹是信息性的，你可以忽略它，因為CSS是HTML5中的標準和默認樣式表語言。

外部樣式

當樣式規則要應用于網站的多個頁面時，采用外部樣式表是理想的。

外部樣式表將所有樣式規則保存在一個單獨的文檔中，您可以從站點上的任何HTML文件引用這些文檔。外部樣式表是最靈活的，因為使用外部樣式表，您可以通過只更改一個文件來更改整個網站的外觀。

有鏈接和導入兩種方式引用外部樣式表。

鏈接外部樣式表

在鏈接之前，我們需要先創建一個樣式表，如下所示：

link標記將外部樣式表鏈接到HTML文檔，link標記要位于

部分中，如下例所示：

導入外部樣式表

@import語句是加載外部樣式表的另一種方式，在style標記中使用，它指示瀏覽器加載外部樣式表并使用其樣式規則。

有兩種使用方法，最簡單的是在文檔head中的嵌入樣式引用，注意，其他CSS規則仍然包含在

在嵌入樣式中使用@import引用外部樣式表：

在外部樣式表中使用@import引入別的樣式表文件：

注意：所有@import規則必須出現在樣式表的開頭。樣式表本身中定義的任何樣式規則都會覆蓋與所導入的樣式表有沖突的規則。但是，由于性能問題，不建議在另一個樣式表中導入其它樣式表。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的cshtml中引用css_css基础必备-使用样式，前端小白一看就会的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。