请问,这样写,哪些需要完善呢

<!DOCTYPE html>

<html>

<head>

.content{

float: left;

border:1px solid pink;

}

img{

vertical-align: bottom;

}

.img01{

float: left;

}

.img02{

float: right;

}

line-height: 1.5em;

margin-top: -5px;

}

</style>

</head>

<body>

<p>慕课网是垂直的互联网IT技能免费学习网站。以独家视频教程、在线编程工具、学习计划、问答社区为核心特色。在这里，你可以找到最好的互联网技术牛人，也可以通过免费的在线公开视频课程学习国内领先的互联网IT技术。p><br/><br/>

慕课网课程涵盖前端开发、PHP、Html5、Android、iOS、Swift等IT前沿技术语言，包括基础课程、实用案例、高级分享三大类型，适合不同阶段的学习人群。以纯干货、短视频的形式为平台特点，为在校学生、职场白领提供了一个迅速提升技能、共同分享进步的学习平台。<br/><br/>

4月2日，国内首个IT技能学习类应用——慕课网3.1.0版本在应用宝首发。据了解，在此次上线的版本中，慕课网新增了课程历史记录、相关课程推荐等四大功能，为用户营造更加丰富的移动端IT学习体验。<br/><br/></p>

<p>老师来自于各大IT公司重要技术岗位，拥有丰富的实战经验。语言平实、通俗易懂，更接地气，传授最有价值的经验之谈。课程内容注重实用性，不仅让学员通过学习能够做出产品，而且学习过程中掌握的方法技巧在实际工作中用得上，能够切实帮助学员提升工作技能。<br/><br/>

慕课网的绝大多数课程都经过了专业的后期制作，为课程内容匹配了个性化的视觉效果，帮助学员更好地理解课程内容，增加学习的乐趣。</p>

</div>

</body>

</html>

源自：CSS浮动 4-13 编程练习

收起

1回答

好帮手慕柯南 2019-04-24 11:35:32

同学你好！通过看同学的代码，有如下需要优化的地方：

大容器content：content不需要左浮动，根据练习题目的要求，我们可以将content 的宽度设置度为810px，高度自适应，居中显示，字体为微软雅黑，行高为24px，边距、边框等设置。具体实现的方式可以参考如下：
图片：图片与文字的距离太近了，可以给图片设置外边距，具体操作如图：
祝学习愉快~