在div里面插入图片为什么会有空隙？

来源：百度知道 编辑：UC知道 时间：2024/06/12 22:59:07
网页设计中一个简单的div ul li

你按照这个方法来做吧！ 这个是我们老师的课课程：
在页面的<body></body>区域写出DIV的大结构：
<div id="header">此处显示 id "header" 的内容</div>
<div id="banner">此处显示 id "banner" 的内容</div>
<div id="main">此处显示 id "main" 的内容</div>
<div id="footer">此处显示 id "footer" 的内容</div>
结果如图所示：

1、 现在我们要开始利用CSS来定义这些DIV标签的样式了；
首先，我们应该设置一些公共的样式，这样能有效避免以后出现的问题：
先设置BODY的样式；

新建样式文件后命名为index.css，并保存到css文件夹下；
2、 先设置全体的字体样式：

3、 再设置边框，边界距离为0

4、 再设置文字对齐方式：左对齐

完成后，在CSS样式文件里出现 body的标签如下：
body {
font-family: Verdana, Arial, "宋体";
font-size: 12px;
color: #575757;
text-decoration: none;
text-align: left;
margin: 0px;
padding: 0px;
}
这样我们就完成了通用标签公共body标签的样式设置，这时如果看页面，你会发现文字变了；

2、设立常用标签的外边距，内边距，边框为0，防止在排版时再重复定义和出现怪问题
div,form