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

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

一、块属性:

特点:

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。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容