1、用记事本写一个html基础页面：<html> <head></head> <body></body> </html>写完后保存为.html或者.htm均可。编码一般选择utf-8.
2、在<body></body>之间加三个div,并为了区分，设置id选择器。代码如： <div id='first'></div><div id='second'></div><div id='third'></div>
3、在<head></head>之间写css代码：比如设置宽度100px,高度100px,颜色各有不同设置，注意要有引入css的标记<style></style>.具体代码如下： <style> #first{ height:100px; width:100px; background:red; } #second{ height:100px; width:100px; background:yellow; } #third{ height:100px; width:100px; background:blue; } </style>
4、保存后，直接双击运行查看效果如图：
