css怎么把p便签放在div距离20px

html-css029

css怎么把p便签放在div距离20px,第1张

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的方法。

css标签中基本标签属性有三种:块属性标签、行属性标签和行块属性标签。

一、块属性标签:特点:1.上下排列,独占一行 2.支持设置宽高,如果不设置宽高,宽度自动撑满父容器,高度由内容决定。

*有开始标签和结束标签,(双标签),只有一个标签的叫做单标签

常用的块属性标签:div标签(没有任何意义,一般用来划分区域)p标签(段落标签)h1-h6(标题标签,h1标签一般在一个网页中只有一个)ul>li(无序列表)ol>li(有序列表)

style=“list-style: none” (去掉无序列表前面的点)

**二、行属性标签:**特点:1.左右排列 2.不支持设置宽高 3.不支持上下的margin和padding