一、块属性标签:特点:1.上下排列,独占一行 2.支持设置宽高,如果不设置宽高,宽度自动撑满父容器,高度由内容决定。
*有开始标签和结束标签,(双标签),只有一个标签的叫做单标签
常用的块属性标签:div标签(没有任何意义,一般用来划分区域)p标签(段落标签)h1-h6(标题标签,h1标签一般在一个网页中只有一个)ul>li(无序列表)ol>li(有序列表)
style=“list-style: none” (去掉无序列表前面的点)
**二、行属性标签:**特点:1.左右排列 2.不支持设置宽高 3.不支持上下的margin和padding
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的方法。
id选择器。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。、扩展:
不同于类选择器,ID 选择器不能结合使用,因为 ID 属性不允许有以空格分隔的词列表。
ID 能包含更多含义;类似于类,可以独立于元素来选择 ID。有些情况下,您知道文档中会出现某个特定 ID 值,但是并不知道它会出现在哪个元素上,所以您想声明独立的 ID 选择器。例如,您可能知道在一个给定的文档中会有一个 ID 值为 mostImportant 的元素。您不知道这个最重要的东西是一个段落、一个短语、一个列表项还是一个小节标题。您只知道每个文档都会有这么一个最重要的内容,它可能在任何元素中,而且只能出现一个。