请问css中div的相关问题?

html-css026

请问css中div的相关问题?,第1张

第一个问题:

由于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的相关知识给你。