在html中,`<span>、<a>、<label>、 <strong> 和<em>`就是典型的內聯元素(行內元素)(inline)元素。當然塊狀元素也可以通過代碼`display:inline`將元素設置為內聯元素。如下代碼就是將塊狀元素div轉換為內聯元素,從而使 div 元素具有內聯元素特點。
~~~
div{
display:inline;
}
......
<div>我要變成內聯元素</div>
~~~
內聯元素特點:
1、和其他元素都在一行上;
2、元素的高度、寬度及頂部和底部邊距不可設置;
3、元素的寬度就是它包含的文字或圖片的寬度,不可改變。
小伙伴們你們觀查一下右側代碼段,有沒有發現一個問題,內聯元素之間有一個間距問題,這個問題在本小節的 wiki 中有介紹,感興趣的小伙伴可以去查看。
- HTML+CSS基礎
- HTML
- Html和CSS的關系
- 認識html文件基本結構
- 了解HTML的代碼注釋
- 語義化,讓你的網頁更好的被搜索引擎理解
- 加入強調語氣,使用<strong>和<em>標簽
- <q>標簽,短文本引用
- <hr>標簽,添加水平橫線
- <address>標簽,為網頁加入地址信息
- caption標簽,為表格添加標題和摘要
- CSS
- CCS子選擇器
- CSS包含(后代)選擇器
- CSS通用選擇器
- CSS偽類選擇符
- CSS分組選擇符
- CSS繼承
- CSS特殊性
- CSS層疊
- CSS重要性
- 段落排版--中文字間距、字母間距
- 元素分類--塊級元素
- 元素分類--內聯元素
- 元素分類--內聯塊狀元素
- 什么是層模型?
- 層模型--絕對定位
- 層模型--相對定位
- 層模型--固定定位
- Relative與Absolute組合使用