VS Code是一款常用的代碼編輯器,它不僅支持多種編程語言的編寫,還支持添加CSS樣式。下面將介紹如何在VS Code中添加CSS樣式。
首先打開VS Code,創(chuàng)建一個HTML文件。
<!DOCTYPE html> <html> <head> <title>My Website</title> </head> <body> <h1>Hello World!</h1> </body> </html>
然后在文件同級目錄下新建一個名為style.css的CSS文件。
body { background-color: #eee; } h1 { color: red; text-align: center; }
接下來將CSS文件鏈接到HTML文件中,只需要在HTML文件的head部分添加以下代碼:
<link rel="stylesheet" href="style.css">
完整的HTML文件代碼如下:
<!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Hello World!</h1> </body> </html>
最后,在VS Code中啟動live server,即可在瀏覽器中看到添加了CSS樣式的頁面。
上一篇html5怎么設置相對
下一篇vs2013里改了css