1、创建一个idivcss.html的文件；
2、比如输入网页的<h1>标题

<h1>DIV+CSS实例教程</h1>

3、在<h1>中输入style="color:#FF000"。现在这个标签是：

<h1 style="color:#FF000">DIV+CSS实例教程</h1>

但这个样式属性石HTML，而不是CSS，所以在style后面有了等于号"="，并把所有CSS代码都放在引号中，只有引号里面的内容才是CSS样式内容。在这个样式中，我们已经为<h1>添加了一个color属性（决定文本的颜色），并将该属性值设置为#FF000（一种用十六进制表示的颜色），属性名称和属性值之间用分号（;）分开。
4、用Web浏览器运行这个HTML文件的效果;
5、继续在分号后面输入"font-size:3px;",现在这个标签是：

<h1 style="color:#FF000;font-size:3px;">DIV+CSS实例教程</h1>

6、这时重新刷新Web浏览器，就将发现现在的标题似乎更大些了，你也应该体会到了行内样式是多么的费力。我们输入了大量的HTML代码。所以行内样式既不能节省时间，也不能加快Web网页开发的效率。因此高手都很少使用。但是我们还有其他方式来写CSS样式代码，请继续关注DIV+CSS实例教程。