<!DOCTYPE html>
<html>
<head>
<!--编码-->
<!--头标签-->
<meta charset="utf8">
<!-- 标题标签 -->
<title>残破神秘 </title>
<style>
#UIO{/*宽度*/
width:110px;
/*高度*/
height:110px;
/*背景色*/
background-color:#FF0000;
float: left;
}
#zxc{
/*宽度*/
width:110px;
/*高度*/
height:110px;
/*背景色*/
background-color:#FF0000;
/*浮动*/
float: left;
}
#asd{
/*宽度*/
width:110px;
/*高度*/
height:110px;
/*背景色*/
background-color:#00FF00;
/*浮动*/
float: left;
}
#qwe{
/*宽度*/
width:110px;
/*高度*/
height:110px;
/*背景色*/
background-color:#0000FF;
/*浮动*/
float: left;
}
/*清除*/
.clean{clear: both;}
</style>
</head>
<!--身体标签-->
<body>
<div id="UIO"></div> <div id="qwe"> </div>
</div><div class="clean">
<div id="asd"></div><div id="zxc"></div>
</body>
</html>
第一天学习前台html、css，自己动手去做的时候发现细节非常需要注意，不能有半点马虎。学会了如何建立html文件的图形、大小、位置、颜色、添加标签、文章的分类、还有服务器组成的大框架。
