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