摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>前两课总结</title> </head> <style> .h1example{ height: 80px; width:360p
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>前两课总结</title>
</head>
<style>
.h1example{
height: 80px;
width:360px;
background: red;
}
span{
height: 80px;
width:120px;
background: gray;
}
input{
height: 200px;
width:200px;
}
</style>
<body>
<div>
<h3>单标签：meta,img,hr,br等</h3>
<h3>双标签：除了单标签以外的。。。</h3>
</div>
<hr/>
<div>
<h3>块级元素:默认浏览器的宽度。可调节宽高</h3>
<h1>比如这个h1标题：可以更改大小</h3>
<p>比如这个段落：</p>
还有这个列表：
<ul>
<li><img src="http://img.php.cn/upload/avatar/000/126/153/5b592fa41732b439.jpg" alt=""></li>
<li><img src="http://img.php.cn/upload/avatar/000/126/153/5b592fa41732b439.jpg" alt=""></li>
<li><img src="http://img.php.cn/upload/avatar/000/126/153/5b592fa41732b439.jpg" alt=""></li>
<li><img src="http://img.php.cn/upload/avatar/000/126/153/5b592fa41732b439.jpg" alt=""></li>
<li><img src="http://img.php.cn/upload/avatar/000/126/153/5b592fa41732b439.jpg" alt=""></li>
<li><img src="http://img.php.cn/upload/avatar/000/126/153/5b592fa41732b439.jpg" alt=""></li>
</ul>
</div>
<hr/>
<div>行内元素
<h3>行内元素：不独占一行，不能调节高宽，靠内容撑大。行内元素包括行内块元素</h3>
<span>比如这个span：加高宽没得用</span> <span>比如这个span:可以和前一个在一行</span>
<h3>行内块元素：可以设置宽高，比如下面这个美眉和输入框</h3>
<img src="http://img.php.cn/upload/avatar/000/126/153/5b592fa41732b439.jpg" alt="" width="320px" height="200px" />
<input type="text"/>
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2019-01-11 17:51:57
老师总结：完成的不错，开始的课程比较枯燥！后面随着样式越来越多，会精彩的多，希望你有一个好的学习过程
