前端学习之块元素,行内元素,行内块元素之间的转换

2019-01-30  本文已影响0人  MissPSTime

<!doctype html>

<html>

   <head>

       <meta charset="GBK"/>

       <title> 选择器</title>

       <style>

           /* 元素之间转换,转换为新的元素之后就会拥有新的元素的性质

           */

           div,p{

               /* 块元素转为行内元素 */

               display: inline;

               /* 行内元素转为块元素 */

               display: block;

               /* 块元素和行内元素转换为行内块元素 */

               display: inline-block;

               width: 100px;

           }

       </style>

   </head>

   <body> 

 <div>大吉大利</div>

 <p>标签选择器</p>

 <p>标签选择器</p>

   </body>

</html>

上一篇 下一篇

猜你喜欢

热点阅读