请老师检查代码，在问几个问题。辛苦了。

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

div{

background-color: #eee;

text-align: center;

font-size: 2em;

line-height: 5em;

font-family: serif;

}

/*相互对齐 span对齐图片图片对齐span*/

img,.text1,.text2{

vertical-align: middle;

}

/*设置样式*/

span.text1{

font-size: 2em;

}

span.text2{

color: red;

/*感觉用这个下划线好别扭*/

text-decoration: underline;

text-transform: capitalize;

}

/*设置标签之间间距*/

.text1,.text2{

display: inline-block;

text-indent: 10px;

}

</style>

</head>

<body>

<div>

<p>

<img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg"><span class="text1">CSS层叠样式表</span><span class="text2">（cascading style sheets）</span>

</p>

</div>

</body>

</html>

萌神丶kin 2019-08-08

源自：CSS文本样式 4-3 编程练习

收起

3回答

好帮手慕星星回答被采纳获得+3积分 2019-08-09 09:55:14

同学你好，

1、下划线的问题已经在另一个相似问题中进行了回复，可以查看一下哦：

http://class.imooc.com/course/qadetail/142793

2、p标签有默认的上下外边距：

浏览器中用em单位来表示的，也就是会根据父元素字体大小来改变。当浏览器默认字体大小为16px使，p标签上下外边距1em，也就是16px。而代码中父元素div设置了字体为2em，也就是32px，所以p标签上下外边距为32px。

自己可以再测试理解下，祝学习愉快！

收起回答

提问者萌神丶kin 2019-08-08 22:21:07

这个问题是不是p的默认外边距在搞事情。我这里是有32px的空隙。请问这个是怎么得出的？
是参考父元素设置的字体大小吗？父元素不设置他是不是参考默认的16px。
和字体大小一摸一样。上下外边距默认样式到底是1em还是margin: 1.12em。 1.12我感觉应该会多几个像素吧？不应该和字体大小一摸一样啊。