使用CSS來裝飾網頁已經成為現代網頁設計的基本要求。與HTML相比，CSS可以提供更多的排版和視覺效果，以及更好的網頁性能。在本文中，我們將學習如何從網頁調用CSS文件，并使網頁獲得更好的樣式和布局。
首先，我們需要創建一個CSS文件，該文件將包含我們想要為網頁設置的所有樣式規則。在創建文件時，請注意使用正確的命名規范和語法。在以下示例中，我們將創建一個名為“style.css”的文件，并定義一些基本的樣式規則。
```
/* Define basic styles for the entire document */
body {
background-color: #f7f7f7;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
font-size: 32px;
font-weight: bold;
margin-top: 20px;
}
p {
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
```
接下來，我們需要將該CSS文件與我們的網頁HTML文檔進行鏈接。為此，請將以下代碼添加到HTML文檔的元素中，并將路徑替換為CSS文件的實際位置。
```My Website ```
在上述代碼中，我們使用了元素來鏈接CSS文件。它的“rel”屬性必須設置為“stylesheet”，而“href”屬性必須設置為CSS文件的路徑。此外，由于元素沒有結束標簽，因此不需要在其后面添加斜線。
現在，我們的網頁已經與CSS文件鏈接成功，并可以從中調用所有樣式規則。我們可以在HTML文檔中使用標準HTML標記，如
標簽，以應用所有定義的樣式。 ```
Welcome to My Website!
This is a paragraph of text on my website. It should be styled with the basic "p" styles that we defined in our CSS file.
``` 最后，我們可以在網頁上查看應用所獲得的樣式規則。如果我們創建了正確的樣式規則，并且正確執行了鏈接，則HTML文檔中的所有元素都應該按照我們定義的規則進行布局和樣式。通過這種技巧，我們可以更輕松地管理和修改我們的樣式設計，并使網頁更具吸引力和可讀性。