>[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;">但寬度(width)高度(height)不起作用</span>。常見內聯元素為“a” ### **常用內聯元素** - 字體效果 ``` html font #字體設定(不推薦) big #大字體 small #小字體 sub #下標 sup #上標 em #斜體 i #斜體 cite #斜體 strong #粗體強調 b #粗體(不推薦) s #中劃線(不推薦) strike #中劃線 u #下劃線 q #短引用 （雙引號） ``` ``` html span #常用內聯容器，定義文本內區塊 img #圖片 a #錨點 (連接) br #換行 abbr #縮寫 acronym #首字 samp #定義范例計算機代碼 code #計算機代碼(在引用源碼的時候需要) input #輸入框 textarea #多行文本輸入框 kbd #定義鍵盤文本 label #表格標簽 tt #電傳文本 dfn #定義字段 select #項目選擇 var #定義變量 ```