CSS注釋有著注解說明之用，我們常常使用CSS注解對CSS代碼或布局CSS樣式進行特別說明批注；也有條件注釋進行功能性的使用。
css代碼中加入注釋內容的使用語法為 /* 文本 */
css的注釋方式是:
以“斜杠+星號（/*）”開始，“星號+斜杠（*/）”結束，注解說明內容放到“/*”“*/”中間。需要注意是注釋字符均為英文半角小寫；并且“*”符號不要和注釋內容緊挨在一起，至少需要一個空格位置空著。
1、外部樣式
格式：<link type="text/css" rel="stylesheet" href="css路徑" />
舉例：<link type="text/css" rel="stylesheet" href="layout.css"/>
用處：這種形式是把css單獨寫到一個css文件內，然后在源代碼中以link方式鏈接。它的好處是不但本頁可以調用，其它頁面也可以調用，是最常用的一種形式。
備注：Rel：指明連接的是什么文件； Type：指明引入的文件的格式類型； Href：指明文件的路徑，以引入文件為基準的相對路徑。
2、內部樣式
格式： <style type="text/css">選擇器 {聲明1、聲明2………}</style>
這樣的話，該文件中的所有P標簽都將應用該style樣式，而不需要在沒一個html標簽中寫。
用處：這種形式是內部樣式表，它是以<style>和</style>結尾，寫在源代碼的head標簽內。這樣的樣式表只能針對本頁有效。不能作用于其它頁面
3、舉例：
<html>
<head>
<title></title>
<style>
P{
font-size:50px;
color:red;
text-deceration:line
}
</style>
</head>
<body>
</body>
</html>
4、行內樣式：就是直接在html標簽后面寫樣式代碼
<p style=”font-size:50px;color:red;text-deceration:line”>啊啊啊啊</p>
用處：這種在標簽內以style標記的為內部樣式，內部樣式只針對標簽內的元素有效，因其沒有和內容相分離，所以不建議使用。
5、導入樣式
@import url("/css/global.css");
鏈接樣式是以@import url標記所鏈接的外部樣式表，它一般常用在另一個樣式表內部。如layout.css為主頁所用樣式，那么我們可以把全局都需要用的公共樣式放到一個 global.css的文件中，然后在layout.css中以@import url("/css/global.css")的形式鏈接全局樣式，這樣就使代碼達到很好的重用性。
6、CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。
selector {declaration1; declaration2; ... declarationN }
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個屬性和一個值組成。
屬性（property）是您希望設置的樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。
selector {property: value}
下面這行代碼的作用是將 h1 元素內的文字顏色定義為紅色，同時將字體大小設置為 14 像素。
在這個例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。
h1 {color:red; font-size:14px;}
提示：請使用花括號來包圍聲明。
在css樣式中，星號代表的是“所有元素”，“*”選擇器能夠選取所有的元素或者一個元素中的所有子元素。使用“*”選擇器來設置樣式，會統一設置所有元素的樣式，語法為“*{css屬性:屬性值;}”。
星號選擇器（*）表示選中所有的元素。
* 選擇器選取所有元素。
* 選擇器也能選取另一個元素中的所有元素。
注意：*選擇器比較消耗性能，盡量避免使用，應使用更加精確的選擇器選擇元素。
HTML開發最好的工具，本人力薦visual studio code！
推薦原因：
1.用visual studio code編寫HTML非常高效！
visual studio code是微軟公司開發的一款編程開發工具，它是一個編程開發的集成環境，集成了很多強大而又方便的功能，比如它集成了HTML開發時HTML標簽代碼智能補全的Emmet插件，而且這個插件是這個visual situdio code這個工具自帶的！不需要你去下載安裝！
有了自帶的emmet插件，你在vidual stufio code里面編寫HTML代碼非常方便高效，比如你輸入h這個字母，這個工具自動會在h下面出現一個菜單，菜單上會有h1、h2、h3、h4、h5、h6等標簽，比如你要寫一個h2標簽，你直接按一下向下的箭頭鍵，使光標移到h2上，再按一下回車鍵，<h2></h2>就寫好了，就這么高效！
時間就是生命！時間就是金錢！時間就是生產力！所以光高效這一點就值得大力推薦！
2.用visual studio code你的電腦不卡！
visual studio code非常輕量級，對你電腦資源占用比較小，這樣你的電腦運行起來就不卡，這一點就很值得推薦！不像有的工具，你打開它，你的電腦就反應很慢，卡的不行，我想這種情況你肯定不愿遇到吧！
3.visual studio code集成了多種語言開發環境！
visual studio code除了能編寫前端html、css、javascript代碼，還集成了java、python、php、c、c++、ruby等等幾十種主流編程語言環境，也就是說，這個工具還能編寫其他語言代碼，非常強大！
本人也用過別的工具，比如atom、sublime text等等。
atom是facebook公司開發的，也很強大高效，而且atom的插件需要下載安裝配置，它提供的插件和主題比較炫酷，比如有的插件你啟動后，敲代碼屏幕有震動的效果，還有像打游戲那種hit連擊效果，還有其他很多炫酷效果。但是這個工具太重量級了，啟動也慢，打開它后，你的電腦運行也慢，比較卡了！這一點不太好！
看個人喜好吧！不過個人覺得咱敲代碼是工作，對于工作來說生產力最重要！其他是次要，炫酷效果什么的屬于錦上添花吧！可有可無。
sublime text也不錯，也集成了各種語言開發環境和插件，也很強大高效，但是像我前面提到的emmet這種插件，你還得手動下載、安裝、配置，這一點比visual studio code麻煩。
還有其他小伙伴答案中推薦的工具，都不錯，不過綜合下來比較，個人更推薦使用visual studio code。
感謝閱讀！我是時問新，希望我的回答對你有用。也歡迎關注我，共同交流進步！