在VS中,寫(xiě)CSS樣式可以直接在HTML文檔中通過(guò)style標(biāo)簽編寫(xiě),也可以在CSS文件中編寫(xiě)CSS樣式。
如果要在HTML文檔中編寫(xiě)CSS樣式,直接在HTML標(biāo)簽內(nèi)添加style屬性即可,如下所示:
<p style="color:red;font-size:16px;">這是一段紅色字體大小為16px的文本</p>
如果要在CSS文件中編寫(xiě)CSS樣式,需要先在HTML文檔的head標(biāo)簽內(nèi)通過(guò)link標(biāo)簽引入CSS文件,如下所示:
<head> <link rel="stylesheet" href="style.css"> </head>
然后,在CSS文件中編寫(xiě)相應(yīng)的樣式,如下所示:
p { color:red; font-size:16px; }
注意,在CSS文件中,需要指定要作用的標(biāo)簽,才能對(duì)其進(jìn)行樣式定義。
在VS中,還提供了一些實(shí)用的CSS代碼提示,例如當(dāng)輸入“background-color:”時(shí),會(huì)彈出顏色選擇器供用戶(hù)選擇顏色。
需要注意的是,在編寫(xiě)CSS樣式時(shí),要遵循CSS的語(yǔ)法規(guī)則,例如用分號(hào)分隔每個(gè)屬性,用花括號(hào)包裹整個(gè)樣式塊等。