Hi
Html标题标签有h1 h2 h3 h4 h5 h6
特点是默认加粗、有上下空白，默认有换行

CSS

float:left：浮动往往和htmI中父级节点的overflow: auto连用，确保父级节点的高度

.main .news .modulecontent .mcline1{
    background-color: #CCCCCC;
    overflow: auto;
}
.main .news .modulecontent .mcline1 img{
    float: left;
}

padding-bottom：下内边距
margin-bottom ：下外边距

居中

.main{
    width:700px;    /*框选宽度范围*/
    margin: auto;
}

图像设置大小（ps或）

<img src="img/002.JPG" height="100" width="200" />  

边框

border: 0.0625rem solid #CCCCCC;    /*solid：虚线*/
border-bottom:0.0625rem solid #CCCCCC ;  /*下边框*/

ul-li标签

<ul>
    <li>aaaaaaaaaaaaaaaaaaaaaaa</li>
</ul>

总结
首先要搭建网页的html结构
结构需要首先观察，分析出有几块构成
要实践去写出来，写一步观察一步