1、首先，在电脑中打开编辑器，创建html文档。
2、然后，创建h1标签，用行内样式控制字体颜色为红色。
3、接下来，用内部样式选择器选择h1标签，控制它的样式。
4、外部样式需要，创建外部样式.css文件。
5、然后，在html文件里面引入css文件。
6、最后，在浏览器看是否生效，就可以了。
css样式分三种，内部样式，内联样式和外部样式。外部样式，顾名思义，也就是通过<link />引入的css样式文件，而内部样式呢，主要是放在<style></style>中的样式，而内联样式，就是直接嵌入标签的，充当标签的一个属性，使用style='这里写样式' 来实现。他们的优先级是内联样式的优先级最高，其次判断内部和外部样式的优先级得看它们在html中出现的位置，一般来说，越靠后的优先级也就越高。
css是英文Cascading Style Sheets的缩写。
它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
它包含3种类型，内部样式，行内样式和外部样式表三种
作用的效果是按顺序从下到上，相同样式下面的会覆盖原有样式，除特殊情况外，一般都是行内样式>内部样式>外部样式。
以div为例
行内样式写法：
在style里面写样式
<div style="height:30pxbackground:#f00"></div>
内部样式：
在head标签内加入style标签，在标签内写样式：
<style>
div{height:30pxbackground:#f00}
</style>
外部样式是建立一个新文件后缀名为.css
举个例子：
建立style.css文件放在项目根目录下：
在里面写入
div{height:30pxbackground:#f00}
然后保存，在html的head标签内调用样式
<link rel="stylesheet" type="text/css" href="style.css" />
css是一种文本类型的文件。详细如下： CSS（CascadingStyleSheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间层叠式表的特点1、便于页面的修改。2、便于页面风格的统一。3、减少网页的体积。
