当前位置:编程学习 > html/css >>

css 的<p></p>和<div></div>他俩的区别

<html><head><title>边框风格属性 border-style </title><style type="text/css">.d1 {border-style:none;}.d2 {border-style:solid;}.d3 {border-style:dotted;}.d4 {border-style:dashed;}.d5 {border-style:double;}.d6 {border-style:groove;}.d7 {border-style:ridge;}.d8 {border-style:inset;}.d9 {border-style:outset;}</style></head><body><div>这个div的CSS边框风格(border-style)属性缺省值是none。</div><br><div class = "d1">这个div的CSS边框风格(border-style)属性是none。</div><br><p class = "d2">这个div的CSS边框风格(border-style)属性是solid。</p><br><p class = "d3">这个div的CSS边框风格(border-style)属性是dotted。</p><br><div class = "d4">这个div的CSS边框风格(border-style)属性是dashed。</div><br><div class = "d5">这个div的CSS边框风格(border-style)属性是double。</div><br><div class = "d6">这个div的CSS边框风格(border-style)属性是groove。</div><br><div class = "d7">这个div的CSS边框风格(border-style)属性是ridge。</div><br><div class = "d8">这个div的CSS边框风格(border-style)属性是inset。</div><br><div class = "d9">这个div的CSS边框风格(border-style)属性是outset。</div><br></body></html> 把前面的div改成p 效果是一样的就是间距 有点变化 还有什么别的什么不同么 请高手指教
答案:p标签常被用来放置大段的文字信息
div标签长被用来划分页面大体的布局。

其实在实际中,他们的作用不是固定的,你要是想的话,p标签也可以用来布局,而div标签也可以用来放文字信息。

只是个一般概念,作用不是绝对的,尤其是再引入了css之后
其他:<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联

class就是代表类的意思..什么叫作类呢..那自然就是一类的东西
 没有什么太大的区别,p用来放文字,div用来布局。其实两者通过CSS的设置,可以说没有区别。 “把前面的div改成p  效果是一样的就是间距 有点变化   还有什么别的什么不同么”
首先,不要把效果不同当成区别,比如你说的间距有点变化,这不算区别,因为显示结果的差距都是可以用css控制的。
你要从这两个标签的作用上理解它们的区别。p代表段落,这个不难理解;而div是没有语义的,所以一般页面布局的时候都会用到div,把它当成一个容器,里面放其他元素,比如h3、a、img、ul、等标签。
而你看到的区别,只是这两个标签的默认css属性值不同,默认情况下,div的padding、margin都是0。而p的默认padding、margin都不为0。不要管p的默认padding和默认margin等属性值是多少,因为每个浏览器之间还有差别。
如果你怕某些默认属性值会对你的布局产生影响,你可以查下关于“css样式初始化”的文章,就是把一些标签的属性指定统一的初始值。 没什么本质区别 p标签主要是用来定义段落的,而div是一个块标签,主要是和css配合使用来进行网页布局的! 一楼说的有道理,但考虑到css的标准为了兼容性更高代码更合理看起来更有意义你还是按照标准走的好,该用div的用div改用p的用p,养成良好的书写习惯才能更效率对后期的调试包括改版都更有益处。 <div></div>独立占行,在css里可以设置它的宽高等样式,<p>代表一段,一般只能用在字体前面,可以不成对出现 

上一个:我用JS调用一个层 为什么IFRAME 加在这个DIV上面 select总是显示层上面
下一个:谁给我点DIV+CSS入门教程。

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,