新建CSS样式,比如说first.css:
*{background-color:#09C}
明确样式是设置背景颜色,在Html代码中head中设置:
<head>
<meta charset="UTF-8">
<title>MyBlog</title>
<link href="css/first.css" type="text/css" rel="stylesheet">
</head>
div就是框架,容器。通常的设计规则是,一个div子集不要超过三个,前中后即可。
尝试制作第一个页面:
<head>
<meta charset="UTF-8">
<title>MyBlog</title>
<link href="css/main.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="contain">
</div>
</body>
main.css代码:
*{background-color:#09C}
#contain{background-color:#634;width:400px;height:100px;}
效果:
实际上现在的网页多数都是大div套小div的
http://edu.51cto.com 来自51cto的教学