一、块属性标签：特点：1.上下排列，独占一行 2.支持设置宽高，如果不设置宽高，宽度自动撑满父容器，高度由内容决定。
*有开始标签和结束标签，（双标签），只有一个标签的叫做单标签
常用的块属性标签：div标签（没有任何意义，一般用来划分区域）p标签（段落标签）h1-h6（标题标签，h1标签一般在一个网页中只有一个）ul>li（无序列表）ol>li（有序列表）
style=“list-style: none” （去掉无序列表前面的点）
**二、行属性标签：**特点：1.左右排列 2.不支持设置宽高 3.不支持上下的margin和padding
h1到h6都是标题，p是段落不用css控制的默认情况下h1字号最大，同时一些搜索引擎的爬虫会给h1权重比较多
比如你写了篇文章，名字是“美丽的丽江之行”，那么做成html的时候就可以这样做：
<h1>美丽的丽江之行</h1>
<p>上个月我和朋友去了丽江，真TM美啊...省略n字</p>
<p>在丽江的路上，我们看到了大熊猫和芙蓉姐姐，让人叹为观止...省略n字，注意，这是第二个段落了</p>
<p>第三段落，你写了几段就可以分几段</p>
<p>后来在丽江侏罗纪公园，又偶遇了美丽的凤姐，在凤姐的陪同下我们玩遍了侏罗纪公园的每个地方，又很有幸邀请到凤姐与我们共进晚餐...</p>
<p>这真是一次让人愉快而难忘的旅行啊！</p>
1、新建一个html文件，命名为test.html，用于讲解css如何设置p标签文字四周空白的距离。2、在test.html文件内，使用p标签创建一行文字，用于测试。
3、在test.html文件内，设置p标签的class属性为ptwo。
4、在test.html文件内，通过class设置p标签的样式，让p标签浮动向左，并定义它的背景色为灰色。
5、在css标签内，使用padding属性设置p标签的内边距为20px，从而实现文字四周空白距离的定义。以上就是css怎么把p便签放在div距离20px的方法。
