<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>行内元素标签</title>
<style type="text/css">
a,
span,
em {
background: pink;font:50px/1.5em "楷体",sans-serif;
/*设置a、span、em标签背景颜色都为粉色*/
}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.imooc.com">慕课网</a>
<span>33333</span>
<span>44444</span><em>555555</em>
</body>
行内元素不能通过 height 和 width 属性来直接设置元素的高度和宽度,但字体大小可以改变行内元素中内容的大小,进而影响行内元素在垂直方向上的显示表现。