1、【第一步】打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码，不需再浪费时间去写。
2、【第二步】不管那么多，在body内输入“<div class="one"><div>”，one可以任意设置的，只要跟上面的样式对应得上即可，输入文本，注意位置。
3、【第三步】在head内键入
‘’<style>
.one{ color:red}
</style>”
这就是css样式clor，red为红色，这字体就显红色。
4、【第四步】前面三已经完成了一个红色的正方形，先保存好，然后回到界面摁F12跳转到网页上预览一下，就能看到自己的成果了。
