1、创建一个新的html文件，并输入基本的html结构元素，并在</head>前加入<style type="text/css">。如：
<html>
<head>
<style type="text/css">
</style>
</head>
<body><h1>欢迎来到建站教程网学习CSS样式教程</h1></body>
</html>
2、在<style>之间写入CSS样式需要控制的元素:h1{};h1后面的是左大括号，它表示这个样式在CSS属性要开始了。并且最好以右大括号结束。
3、在大括号之间输入：color:red;它表示所有的<h1>标签里字都是红色的。
4、再添加3个属性：font-size:25px;font-family:"Arial Black",Arial,sens-serif;margin:0;如：
<html>
<head>
<style type="text/css">
h1{
color:red;/*设置标题的字体颜色*/
font-size:25px;/*设置标题的字体大小*/
font-family:"Arial Black",Arial,sens-serif;/*设置标题的字体类型*/
margin:0;/*去掉标题周围的空格*/
}
</style>
</head>
<body><h1>欢迎来到建站教程网学习CSS样式教程（www.idivcss.com）</h1></body>
</html>
5、最后保存html文件，在Web浏览器里运行就可以看到效果了。
注：不要漏掉每一行结尾处的分号，否则CSS样式就无法在浏览器上显示了。另外，每行样式后面的“/**/”里为CSS样式的注释内容，方便大家阅读。其实不一定要将每一个CSS样式属性都单独放一行，这样做的目的主要是易于快速浏览样式表，并且看到每种样式的所有属性。
辽公网安备:42900402000182号