在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组合使用