通過CSS樣式表,我們可以將網(wǎng)頁的樣式與內(nèi)容分離開來,方便對網(wǎng)站進(jìn)行管理與維護(hù)。那么如何新建一個(gè)CSS樣式表呢?
1. 首先,在你的網(wǎng)頁文件夾中新建一個(gè)CSS文件,命名為”style.css”,或者其他你想要命名的名字,但是要注意后綴名必須為“.css”。 2. 打開style.css文件,在里面輸入如下基本代碼: /* 這是一個(gè)CSS樣式表 */ body { background-color: #d8eafd; font-family: Arial, sans-serif; } 3. 保存這個(gè)文件,然后在你的HTML文件中引入這個(gè)樣式表。在head標(biāo)簽中添加如下代碼: <head><link rel="stylesheet" type="text/css" href="style.css"></head>4. 從現(xiàn)在起,你可以通過代碼編輯器等工具完善這個(gè)樣式表,比如添加樣式、選擇器、注釋等等。一些常見CSS樣式可以用如下語法添加: /* 選擇器 */ h1 { color: red; font-size: 36px; } /* 嵌套選擇器 */ ul li a { text-decoration: none; } /* 偽類 */ a:hover { color: blue; } 這些都是一些基礎(chǔ)的CSS語法,建議多找一些資料加深理解。在網(wǎng)站開發(fā)中,充分利用CSS的威力能讓你的網(wǎng)頁更加美觀、精美。
上一篇html5代碼文字背景