块属性,行内属性,行内块属性的特点与常见标签

一、块属性:

特点:
1.可以设置宽高 2.不可以与别人共处一行 3.不设置宽度的情况下,宽度为100%

常见标签:div , p , ul , ol , li , button , h1-h6 , p等
二、行内属性:
特点:
1.不可以设置宽高 2.可以与别人共处一行 3.其宽高由内容撑开

常见标签:span(空格的话,页面会显示空格,无论多少个空格,只显示一个空格) , a ,img , strong , br等

三、行内块属性:
特点:
1.可以设置宽高 2.可以与别人共处一行

常见标签:img , input等

四、各种标签之间的转换
1、块级标签转换为行内标签:display:inline;
 
 
2、行内标签转换为块级标签:display:block;
 
 
3、转换为行内块标签:display:inline-block;

五、 嵌套规则 

 
 
块标签可以套行标签,行标签不可以套块标签。
 
 
P标签不要套块属性标签,可以套a,span。。。
 
 
嵌套的时候注意代码的缩进。

 

你可能感兴趣的:(块属性,行内属性,行内块属性的特点与常见标签)