<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> /* #div1,#div2{ 100px; height: 100px; background-color: #FF0000; display: inline; 将块元素转化为内联元素 display: inline-block; 将块元素转换为内联块元素 } */ /* span{ 100px; height: 100px; background-color: #FF0000; /* display: block; 转化块元素 */ display: inline-block;转换内联块元素 } */ </style> </head> <body> <div id="div1">块1</div> <div id="div2">块2</div> <span>内联1</span> <span>内联2</span> </body> </html>
display(要将标签转换成的元素)
值:block,inline,inline-block,none(将元素删除)
visibility:hidden(将元素隐藏)