Question

基于CSS，<div>与<p>用法有什么主要的区别？

RT！Tks！

Answer 1

<p>和<div>这两个标签都是块级元素，宽度都会霸道的占据父元素的100%。看下它们的区别：块级元素有好几个，<h1><h2>等标题；<p>;<table>;等等。这些块级元素都有其固有属性的，例如<h1>会使字体变大变粗，<table>会产生表格，<p>会分段等等。当你只是需要块级元素布局，而不需要特殊属性的时候，就用<div>，如果你没加CSS属性，它就是一个块级元素，它就是一张白纸，所以很适合用来布局。打个比方，，<h1>，<p>，<table>这些块级元素就像有一定框架的网页模板，而<div>就像空白的网页。 其实你可以通过CSS来改变<h1>，<p>，<table>这些块级元素的固有属性，<p>元素与其他元素之间本来会产生一个很大的距离的，你可以设置它的margin来改变这些距离，很灵活的，熟练了你就可以运用自如了。

Answer 2

从HTML语义上理解div属于存放元素的容器p属于放置内容的段落
好比div是盒子可以拿来装任何东西，p是个杯具或者餐具用来装吃的喝的，可你如果用杯具餐具当作盒子那样不是不可以，但是你更愿意用哪个呢？所以根据上下文语义有意义的选择适合的HTML标记是很良好的一种习惯。