Sublime Text是一款強大的文本編輯器,可以用于寫HTML、CSS、JavaScript等前端開發語言的代碼。現在我們來看看如何在Sublime中加入CSS。
首先,我們需要打開Sublime Text,創建一個新的HTML文件。然后,我們需要在文件中加入CSS的鏈接。在HTML文件的head標簽中,使用link標簽引用CSS文件,代碼如下:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>
在這段代碼中,我們將CSS文件的文件名命名為“style.css”,并將其放在同級別目錄下。如果你將CSS文件放在不同的目錄下,你需要在href屬性中添加相對路徑或絕對路徑,來引用它。
現在讓我們來創建一個簡單的CSS文件來修改HTML文件的樣式。在Sublime Text中創建一個新的文件并將其命名為“style.css”,代碼如下:
body {
background-color: #f2f2f2;
font-family: Arial;
}
h1 {
color: navy;
text-align: center;
}
在這段代碼中,我們定義了body元素和h1元素的樣式。在body元素中,我們設置了背景顏色和字體,這將應用于頁面的整個body標簽。在h1元素中,我們設置了字體顏色和居中對齊,這將應用于HTML文件中所有h1標簽。
現在我們已經將CSS文件鏈接到HTML文件,并在CSS文件中定義了樣式,我們可以保存文件并在瀏覽器中預覽HTML文件的樣式。在Sublime Text中,我們可以按Ctrl+S鍵保存文件,然后在瀏覽器中打開HTML文件,就可以看到應用了我們定義的樣式。