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

html-css010

基于CSS， 与 用法有什么主要的区别？,第1张

<p>和<div>这两个标签都是块级元素，宽度都会霸道的占据父元素的100%。

看下它们的区别：

块级元素有好几个，<h1><h2>等标题；<p><table>等等。这些块级元素都有其固有属性的，例如<h1>会使字体变大变粗，<table>会产生表格，<p>会分段等等。当你只是需要块级元素布局，而不需要特殊属性的时候，就用<div>，如果你没加CSS属性，它就是一个块级元素，它就是一张白纸，所以很适合用来布局。

打个比方，，<h1>，<p>，<table>这些块级元素就像有一定框架的网页模板，而<div>就像空白的网页。

其实你可以通过CSS来改变<h1>，<p>，<table>这些块级元素的固有属性，<p>元素与其他元素之间本来会产生一个很大的距离的，你可以设置它的margin来改变这些距离，很灵活的，熟练了你就可以运用自如了。

<p>和<div>这两个标签都是块级元素，宽度都会霸道的占据父元素的100%。

看下它们的区别：

块级元素有好几个，<h1><h2>等标题；<p><table>等等。这些块级元素都有其固有属性的，例如<h1>会使字体变大变粗，<table>会产生表格，<p>会分段等等。当你只是需要块级元素布局，而不需要特殊属性的时候，就用<div>，如果你没加css属性，它就是一个块级元素，它就是一张白纸，所以很适合用来布局。

打个比方，，<h1>，<p>，<table>这些块级元素就像有一定框架的网页模板，而<div>就像空白的网页。

其实你可以通过css来改变<h1>，<p>，<table>这些块级元素的固有属性，<p>元素与其他元素之间本来会产生一个很大的距离的，你可以设置它的margin来改变这些距离，很灵活的，熟练了你就可以运用自如了。