首頁  >  文章  >  web前端  >  網頁中如何連結CSS

網頁中如何連結CSS

PHPz
PHPz原創
2023-04-13 10:48:032040瀏覽

在網頁設計中,CSS(樣式表)是必須掌握的技能之一。連結CSS檔案是網頁設計中常見的操作,以下就讓我們來了解如何連結CSS。

首先,我們要準備一個CSS檔。 CSS檔通常以.css為後綴名,並包含CSS樣式規則。可以使用文字編輯器或CSS編輯器來編寫CSS檔案。這裡以一個簡單的CSS檔案範例為例:

body {
    background-color: lightblue;
}

h1 {
    color: navy;
    margin-left: 20px;
}

以上CSS樣式規則設定了網頁的背景色和標題顏色等樣式。接下來我們要將這個CSS檔案與HTML文件連結起來,以便網頁內容能夠套用樣式。

連結CSS檔案有兩種方式:內部樣式和外部樣式。

內部樣式

內部樣式是指將CSS樣式規則寫在HTML標籤中的