如果你在此之前从未写过代码，没有自己熟悉的编辑器，完全零基础。推荐使用Nodepad++做为入门编辑器进行学习。
官网地址 notepad-plus-plus.org 下载安装即可。
CSS是从 html 中独立剥离出来的产品，所以CSS是在HTML的代码里面运行，总共有三种运行方法。
<p style="font-size:20px;">简明教程</p>
<!-- CSS代码做为HTML的属性，嵌套进HTML的标签。--><head>
<style type="text/css"> <!-- 嵌套代码可以写在任意位置，但必须是在HTML（p）标签之前。-->
p {
font-size: 20px;
}
</style>
</head>
<body>
<p>简明教程</p>
</body>style.css
p {
font-size:20px;
}index.html
<head>
<link rel="stylesheet" type="text/css" href="style.css"> <!-- 引入CSS文件 -->
</head>
<body>
<p>简明教程</p>
</body>这三种方式，都很常用。一般都是配合使用，用第三中分别把不同的HTML页面需要用到CSS，放在不同CSS页面里面，然后引入使用，这样易于管理，不会让整个页面的代码显得特别的乱。如果需要个别样式的微调，就用前两种。
<head>
<style type="text/css"> <!-- 方法2 设置字体20 -->
p {
font-size: 20px;
}
</style>
</head>
<body>
<p style="font-size:18px;">简明教程</p> <!-- 方法1 设置字体18 -->
</body>那么，p标签的字体是20还是18。
答：18，方法1的优先级最高。
<head>
<style type="text/css">
p {
font-size: 20px!important; <!-- 强制优先 -->
font-size: 22px; <!-- 无效 -->
}
</style>
</head>
<body>
<p style="font-size:18px;">简明教程</p> <!-- 无效 -->
</body>如果使用!important，那么优先级无论在什么情况，都是最高的，即使后面被重写覆盖了也无效。