>[success]塊狀元素 和 內聯元素 相互轉化 塊狀元素 <span style="color:blue;">轉化</span> 為內聯元素：css設置display:inline?; 內聯元素 <span style="color:blue;">轉化</span> 為塊狀元素：css設置display:block ; ### **塊狀元素** 一般是<span style="color:red;">其他元素的容器</span>，可容納內聯元素和其他塊狀元素，塊狀元素<span style="color:red;">排斥</span>其他元素與其位于同一行，寬度(width)高度(height)起作用。常見塊狀元素為div和p。 ### **常用塊元素** - 列表類 ``` html dir #目錄列表 dl #定義列表 ul #非排序列表 ol #排序表單 menu #菜單列表 ``` - 其他類 ``` html p #段落 pre #格式化文本 table #表格 form #交互表單 h1 #h6 標題 hr #水平分隔線 center #居中對齊塊 div #常用塊級容器，也是CSS layout的主要標簽 address #地址 blockquote#塊引用 fieldset #form控制組 isindex #input prompt noframes #frames可選內容，（對于不支持frame的瀏覽器顯示此區塊內容 noscript #可選腳本內容（對于不支持script的瀏覽器顯示此內容） ```