css 的<p></p>和<div></div>他俩的区别
<html><head><title>边框风格属性border-style</title><styletype=&q...
<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 效果是一样的就是间距 有点变化 还有什么别的什么不同么 请高手指教
展开
14个回答
展开全部
“把前面的div改成p 效果是一样的就是间距 有点变化 还有什么别的什么不同么”
首先，不要把效果不同当成区别，比如你说的间距有点变化，这不算区别，因为显示结果的差距都是可以用css控制的。
你要从这两个标签的作用上理解它们的区别。p代表段落，这个不难理解；而div是没有语义的，所以一般页面布局的时候都会用到div，把它当成一个容器，里面放其他元素，比如h3、a、img、ul、等标签。
而你看到的区别，只是这两个标签的默认css属性值不同，默认情况下，div的padding、margin都是0。而p的默认padding、margin都不为0。不要管p的默认padding和默认margin等属性值是多少，因为每个浏览器之间还有差别。
如果你怕某些默认属性值会对你的布局产生影响，你可以查下关于“css样式初始化”的文章，就是把一些标签的属性指定统一的初始值。
首先，不要把效果不同当成区别，比如你说的间距有点变化，这不算区别，因为显示结果的差距都是可以用css控制的。
你要从这两个标签的作用上理解它们的区别。p代表段落，这个不难理解；而div是没有语义的，所以一般页面布局的时候都会用到div，把它当成一个容器，里面放其他元素，比如h3、a、img、ul、等标签。
而你看到的区别，只是这两个标签的默认css属性值不同，默认情况下，div的padding、margin都是0。而p的默认padding、margin都不为0。不要管p的默认padding和默认margin等属性值是多少，因为每个浏览器之间还有差别。
如果你怕某些默认属性值会对你的布局产生影响，你可以查下关于“css样式初始化”的文章，就是把一些标签的属性指定统一的初始值。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<p>和<div>这两个标签都是块级元素，宽度都会霸道的占据父元素的100%。看下它们的区别：块级元素有好几
个，<h1><h2>等标题；<p>;<table>;等等。这些块级元素都有其固有属性的，例
如<h1>会使字体变大变粗，<table>会产生表格，<p>会分段等等。当你只是需要块级元素布局，而不需要特
殊属性的时候，就用<div>，如果你没加CSS属性，它就是一个块级元素，它就是一张白纸，所以很适合用来布局。打个比
方，，<h1>，<p>，<table>这些块级元素就像有一定框架的网页模板，而<div>就像空白
的网页。
其实你可以通过CSS来改变<h1>，<p>，<table>这些块级元素的固有属性，<p>元素与其
他元素之间本来会产生一个很大的距离的，你可以设置它的margin来改变这些距离，很灵活的，熟练了你就可以运用自如了。
个，<h1><h2>等标题；<p>;<table>;等等。这些块级元素都有其固有属性的，例
如<h1>会使字体变大变粗，<table>会产生表格，<p>会分段等等。当你只是需要块级元素布局，而不需要特
殊属性的时候，就用<div>，如果你没加CSS属性，它就是一个块级元素，它就是一张白纸，所以很适合用来布局。打个比
方，，<h1>，<p>，<table>这些块级元素就像有一定框架的网页模板，而<div>就像空白
的网页。
其实你可以通过CSS来改变<h1>，<p>，<table>这些块级元素的固有属性，<p>元素与其
他元素之间本来会产生一个很大的距离的，你可以设置它的margin来改变这些距离，很灵活的，熟练了你就可以运用自如了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
p标签常被用来放置大段的文字信息
div标签长被用来划分页面大体的布局。
其实在实际中，他们的作用不是固定的，你要是想的话，p标签也可以用来布局，而div标签也可以用来放文字信息。
只是个一般概念，作用不是绝对的，尤其是再引入了css之后
div标签长被用来划分页面大体的布局。
其实在实际中，他们的作用不是固定的，你要是想的话，p标签也可以用来布局，而div标签也可以用来放文字信息。
只是个一般概念，作用不是绝对的，尤其是再引入了css之后
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没有什么太大的区别，p用来放文字，div用来布局。其实两者通过CSS的设置，可以说没有区别。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
它们有语义上的不同，<div>标签用来作数据的容器，而<p>标签用来描述内容段落。
语义的不同让所有不同。HTML是一种标记语言，这意味着它要用有意义的方式来标记内容。大多数的开发者认为，语法是被动的，浏览器作用于这些标记，但是事实不是这样。
你选择的标记标签应能描述你的内容。不要在考虑外观的基础上标记你的文档，而是在它是什么的基础上标记你的文档。
如果你标记容器，就用<div>。如果你需要描述你的文章段落，就用<p>。
注意：理解<div>和<p>都是块状元素很重要，这意味着，大多数浏览器都会以相似的形式对待它们。
扩展：另外还有一种是换行方式<br />标签，换行标签；此标签与段落标签P又有所不同，这里需要自己多操作就明白了
语义的不同让所有不同。HTML是一种标记语言，这意味着它要用有意义的方式来标记内容。大多数的开发者认为，语法是被动的，浏览器作用于这些标记，但是事实不是这样。
你选择的标记标签应能描述你的内容。不要在考虑外观的基础上标记你的文档，而是在它是什么的基础上标记你的文档。
如果你标记容器，就用<div>。如果你需要描述你的文章段落，就用<p>。
注意：理解<div>和<p>都是块状元素很重要，这意味着，大多数浏览器都会以相似的形式对待它们。
扩展：另外还有一种是换行方式<br />标签，换行标签；此标签与段落标签P又有所不同，这里需要自己多操作就明白了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（12）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
