从零开始的wed前端学习-标签转换

 

标签

　　

　　　　一.块标签

 

　　　　　　如：div、ul、li、ol、h1~h6、p等

　　　　　　 可以设置宽高

　　　　　　  不可以与别人共处一行

　　　　　　 不设置宽高的情况下，默认宽度是100%

 

　　　　　二.行内标签

 

　　　　　　　　如：span、stong、a 等​

　　　　　　　　　不可以设置宽高 ​

　　　　　　　　可以与别人共处一行 ​

　　　　　　　　其宽高由内容撑开

 

　　　　　三.行内块标签

 

　　　　　　　　如：img、input等

 

　　　　　　　　可以设置宽高 ​

　　　　　　　　 可以与别人共处一行

　　　　　　四.他们之间可以通过display属性相互转换；

　　　　　　1.　　　　　　

　　　　　　display：inline；

　　　　　　转换成行内标签；

　　　　　　2.

　　　　　　display：  block；

　　　　　　转换成块标签；

　　　　　　3.

　　　　　　display：inline-block；

　　　　　　转换成行内块标签；