在網(wǎng)頁(yè)設(shè)計(jì)中，CSS外部樣式表是一種非常重要的工具，它可以讓網(wǎng)頁(yè)更加美觀、規(guī)范、易于維護(hù)。下面我們就來(lái)介紹一下如何新建CSS外部樣式表。
首先，在你的電腦上選擇一個(gè)合適的文本編輯器，比如Notepad++、Sublime Text、Visual Studio Code等等。打開軟件，在空白區(qū)域輸入以下代碼：
/*注釋：這是一個(gè)CSS外部樣式表*/
body {
background-color: #f5f5f5;
}
h1 {
color: blue;
}
p {
color: black;
font-size: 16px;
font-weight: 600;
}以上代碼中，我們定義了網(wǎng)頁(yè)的背景色、標(biāo)題色和正文字體的顏色、大小和粗細(xì)。
接著，將保存該文件，文件名為“style.css”。注意，文件名必須以.css結(jié)尾，這表示這是一個(gè)CSS文件。
下面，我們將CSS外部樣式表應(yīng)用到網(wǎng)頁(yè)上。在HTML文件中，通過<link>標(biāo)簽將CSS文件鏈接到HTML文件中，代碼如下：
<head> <meta charset="UTF-8"> <title>網(wǎng)頁(yè)標(biāo)題</title> <link rel="stylesheet" type="text/css" href="style.css"> </head>
以上代碼中，我們?cè)诰W(wǎng)頁(yè)頭部使用<link>標(biāo)簽引入CSS外部樣式表，其中“href”屬性指定了CSS文件的路徑。
最后，我們將HTML文件保存，并在瀏覽器中打開，即可看到我們定義的樣式已經(jīng)成功應(yīng)用到網(wǎng)頁(yè)中。
以上就是新建CSS外部樣式表的簡(jiǎn)單介紹，希望對(duì)你有所幫助。