![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：qualified
Teacher's comments：总结的很好, 吃透课堂所学, 必须要写作业 , 不动手 是学不会的
Collection
Collection
1. 写一案例,要求用到<a href="" target="">与<iframe>理解target忏悔与name属性之间的关联是如何实现的
2. 写一个案例, 演示css中的内联样式,内部样式,外部样式的应用场景,理解style属性, style标签, 以及外部样式表的使用方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内联</title>
<style type="text/css">
*{ margin: 0px;
padding: 0px;} /*所有标记全部清零 */
#daohang{
list-style-type: none; /*去掉前面的点 */
border: aliceblue solid 1px;
width: 780px;
overflow: hidden;
background-color: aliceblue;
margin: 50px auto 0px;
}
#daohang li{
width: 130px;
float: left;
}
#daohang li a{
text-decoration: none;
}
</style>
</head>
<body>
<ul id="daohang">
<li><a href="http://www.sohu.com/" target="main">公司首页</a></li>
<li><a href="https://world.taobao.com/" target="main">产品展式</a></li>
<li><a href="https://www.jd.com/" target="main">技术支持</a></li>
<li><a href="https://www.qq.com/?fromdefault" target="main">联系我们</a></li>
<li><a href="http://www.sina.com.cn/" target="main">用户留言</a></li>
</ul></hr>
<iframe src="" frameborder="1" name="main" width="100%" height="500"></iframe>
</body>
</html>点击 "运行实例" 按钮查看在线实例
3. 对于盒 模型中的内外边距, 边框的样式设置有什么不同, 写出你的理解
4. 盒模型的每个要素的排列方式是什么?要求背下来
答：css盒模型由四部分组成：margin、border、padding、content。 外边距+边框+内边距+内容
四个值：上右下左
margin:10px; 上下左右全是10px
margin:10px 50px 第一个参数是上下，第二个参数是左右
左右auto是居中，上下auto没用
margin:10px auto 10px; 第一个是上，第二个是左右，第三个是下
其它三个同理