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、保存后,直接双击运行查看效果如图:
