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。
感谢阅读！我是时问新，希望我的回答对你有用。也欢迎关注我，共同交流进步！