4-3编程练习书写是否正确？为什么我的效果与练习效果有出入？

首页课程实战体系课手记专栏慕课教程

来源：4-3 编程练习

sunflower426

2018-09-19 17:30:21

<!DOCTYPE html>

<html>

<head>

/*写出CSS样式*/

div{background-color:#eee;text-align:center;font-size:200%;line-height:500%;}

.one{font-size:200%;}

.two{color:red;text-decoration:underline;text-transform:capitalize;}

</style>

</head>

<body>

<div>

<p>

<span class="one">CSS层叠样式表</span><span class="two">(Cascading Stvle Shccts)</span>

</p>

</div>

</body>

</html>

写回答

2回答

好帮手慕夭夭

2018-09-21

同学描述的点是浏览器自身的解析问题哦 , 代码是没有问题的 . 但是效果图如果不设置vertical-align:middle; 是无法居中的呢 ,如下

设置vertical-align:middle; 居中效果如下 :

建议同学参考"慕慕9053156"同学的建议设置居中哦.

希望解答了你的疑惑 , 祝学习愉快 ,望采纳

时间，

2018-09-19

练习效果中第一段文字较图片是垂直居中的，英文较第一段文字也是垂直居中的，
可以在相应属性样式后添加vertical-align: middle；

hunflower426

h 你好，但是我不添加vertical-align属性也达到了效果图只是效果图的第二段文字括号外有.

h018-09-21

共1条回复

0 学习 · 36712 问题

查看课程

相似问题

编程练习的答案呢

回答 2

2-3 编程练习，老师我的字体怎么没有效果呀？

回答 1

4-3练习，老师为什么设置了字体集没有效果

回答 3

3-6练习实现的效果不一样？把text-align去掉效果也不一样，为什么？

回答 1

font简写部分功能为效果？？例如：加粗倾斜小写该大写？？？？

回答 4

打开慕课网App查看更多内容