由于p标签的margin没有清空导致火狐里出现上下边距离
解决方法:body,p{
margin:0px
}
你说"如果给body加上border:1px
solid
black的话,那么空行就会消失."这句话是不对的,空行不会消失在火狐中
第二个问题:
所有浏览器中的显示高都等于
margin
+
border
+
padding
+
height
这个div中的margin
border
padding
height四个属性都为默认自动,在里面没内容的情况下为0里面有内容的话根据内容自动高
p中由于margin没有清0所以它有一个默认margin高所以在火狐中撑开两行由于p中有字了,一般浏览器默认字体高为16px,所以p的高为16pxp撑开了div所以div的高也为16px
div中padding为默认0
另外这句a
p{
background:yellow
width:200px
}
你给p设置宽200px是无效的,只有块元素才能设置宽高给它加个display:block就可以了
DIV是HTML中的一个标签,<div>可定义文档中的分区或节,可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div>固有的唯一格式表现。可以通过 <div>的 class 或 id 应用额外的样式。
CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
DIV用来展现内容,CSS用来管理DIV展现的样子
外部链接样式表:在页面的head标签中插入代码:
<link href="(css样式表)" rel="stylesheet" type="text/css" />
把这(css样式表)改为你需要链接的样式表就可以了。
然后你可以在页面外部修改css样式表,用这方法控制div的大小、位置、填充、边距、背景、字体之类的属性。
内部样式:
在页面的head标签中插入代码:
<style type="text/css"></style>
在style标签中添加样式就可以了
然后你可以在页面外部修改css样式表,用这方法控制div的大小、位置、填充、边距、背景、字体之类的属性。
但是这种方法不是很好,因为修改的时候麻烦,而且网上浏览下载的时候较慢。
如果还有什么不明白的地方,可以留个邮箱,我可以发个一些css和div的相关知识给你。