css中p标记是行内元素还是块级元素 急需呀!!!

html-css06

css中p标记是行内元素还是块级元素 急需呀!!!,第1张

CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如,我们设定一个内联元素border-bottom:1px solid #000时其表现是以每行进行重复,每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会在块的下方出现。

p、h1、或div等元素常常称为块级元素,这些元素显示为一块内容;Strong。span等元素称为行内元素,它们的内容显示在行中,即“行内框”。(可以使用display=block将行内元素转换成块元素,display=none表示生成的元素根本没有框,也既不显示元素,不占用文档中的空间)

行内就是在一行内的元素,只能放在行内;块级元素,就是一个四方块,可以放在页面上任何地方。

说白了,行内元素就好像一个单词;块级元素就好像一个段落,如果不另加定义的话,它将独立一行出现。

一般的 块级元素诸如段落<p>、标 题<h1><h2>...、列表。<ul><ol><li>、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img>、<span>........

块级无素的显著特点是:每个块级元素都是从一个新行开始显示,而且其后的无素也需另起一行进行显示。

<span>在CSS定义中属于一个行内元素,而<div>是块级元素。

“把前面的div改成p 效果是一样的就是间距 有点变化 还有什么别的什么不同么”

首先,不要把效果不同当成区别,比如你说的间距有点变化,这不算区别,因为显示结果的差距都是可以用css控制的。

你要从这两个标签的作用上理解它们的区别。p代表段落,这个不难理解;而div是没有语义的,所以一般页面布局的时候都会用到div,把它当成一个容器,里面放其他元素,比如h3、a、img、ul、等标签。

而你看到的区别,只是这两个标签的默认css属性值不同,默认情况下,div的padding、margin都是0。而p的默认padding、margin都不为0。不要管p的默认padding和默认margin等属性值是多少,因为每个浏览器之间还有差别。

如果你怕某些默认属性值会对你的布局产生影响,你可以查下关于“css样式初始化”的文章,就是把一些标签的属性指定统一的初始值。