1、首先可以直接把css程式碼寫在現有的HTML標籤元素的開始標籤裡面，並且css樣式程式碼要寫在style=""雙引號中才可以，如：<p>這裡文字是紅色。</p>。
2、如果想讓HTML標籤和css樣式區分開來，可以採取將css樣式程式碼寫在<style type="text/css"></style>標籤之間，並且這裡的<style></style>可以寫在<head></head>標籤之間或者<body></body>標籤之間，效果都是一樣的。
3、以上兩種HTML和css的結合都是在同個頁面，程式碼量多的情況下就不好區分了，這時可以建立一個外部css樣式檔案。右鍵點選桌面先建立一個記事本文件，然後將文件的副檔名改為“.css”。將該css樣式檔案與HTML放在同個磁碟中以便呼叫。
4、將css樣式檔案建立好後，使用Sublime編輯器開啟css樣式檔案，在檔案裡面編寫相應的css樣式。
5、準備好這個css樣式檔案後，回到HTML檔案，在<head></head>標籤內使用<link>標籤將css樣式檔案連結到HTML檔案內，就完成了。
1、首先可以直接把css程式碼寫在現有的HTML標籤元素的開始標籤裡面，並且css樣式程式碼要寫在style=""雙引號中才可以，如：<p>這裡文字是紅色。</p>。
2、如果想讓HTML標籤和css樣式區分開來，可以採取將css樣式程式碼寫在<style type="text/css"></style>標籤之間，並且這裡的<style></style>可以寫在<head></head>標籤之間或者<body></body>標籤之間，效果都是一樣的。
3、以上兩種HTML和css的結合都是在同個頁面，程式碼量多的情況下就不好區分了，這時可以建立一個外部css樣式檔案。右鍵點選桌面先建立一個記事本文件，然後將文件的副檔名改為“.css”。將該css樣式檔案與HTML放在同個磁碟中以便呼叫。
4、將css樣式檔案建立好後，使用Sublime編輯器開啟css樣式檔案，在檔案裡面編寫相應的css樣式。
5、準備好這個css樣式檔案後，回到HTML檔案，在<head></head>標籤內使用<link>標籤將css樣式檔案連結到HTML檔案內，就完成了。