CSS是網頁設計中重要的一部分,它可以為頁面添加樣式和布局。在進行CSS樣式設計時,我們可以使用內部樣式表和外部樣式表。下面我們來介紹一下如何新建外部樣式表。
1. 首先,我們需要新建一個CSS文件,文件后綴為.css。可以使用記事本、Sublime Text等工具進行編輯。例如:在記事本中新建一個mystyle.css文件。 2. 在CSS文件中,我們需要開始寫CSS樣式代碼。例如:設置頁面中所有段落的字體顏色為紅色,代碼如下:
p { color: red; }
3. 將CSS文件保存到網站目錄的某個文件夾中,可以選擇在文件夾名前加上一個前綴,如css,以便更好地區分其他文件夾。例如:新建一個名為css的文件夾,并將mystyle.css文件放入其中。
4. 在HTML頁面中添加外部樣式表的鏈接。例如:在head標簽中添加以下代碼:
<head> <link rel="stylesheet" href="css/mystyle.css"> </head>
以上代碼中,rel
屬性定義為stylesheet
表示當前鏈接的文檔類型是樣式表,“href
”指向外部樣式表文件的路徑。
這樣我們就完成了外部樣式表的添加,所有頁面中的段落字體顏色都將以紅色展示。
下一篇css文畫圓