標籤：
<!DOCTYPE html>
CSS4-布局1-基本屬性
屬性：
display
visibility
float
clear
HTML元素類型：行內元素，區塊層級元素
區塊層級元素：最大的區別：換行
行內元素：不換號
<style>
div{background:#f00;width:200px;height:100px;}
span{background:#0f0;width:200px;height:100px;}
/*display*/
div{display:inline;} /*元素轉為行內*/
span{display:block;}/*元素轉為塊級*/
div,span{display:inline-block;}/*元素轉為行內塊級綜合，IE6/7不支援區塊層級元素轉化，不常用*/
div{display:none;} /*刪除元素，不佔位*/
/*visibility*/
div{visibility:hidden;} /*隱藏元素，佔位，顯示visible，隱藏hidden*/
/*float 浮動*/
h2,h3{float:left;} /*浮動：區塊層級元素橫排：left,right,none*/
h4{clear:both;} /*清除浮動*/
</style>
<div>為人民服務ddd</div>
<div>為人民服務ddd</div>
<span>為人民服務sss</span>
<span>為人民服務sss</span>
<h2>h22222222</h2>
<h3>h3333333</h3>
<h4>h44444444</h4>
css-布局1-基本屬性
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
