2-19 编程练习：第一行字体无法设置斜体、小型大写字母

老师，您好。

在【2-19 编程练习】里，我已按照font正确书写顺序写了代码，但是在前端显示出来后，第一行文字还是

无法设置斜体、小型大写字母，请您帮我看一下代码是哪里出错了，感谢。

具体代码与前端显示如下图：

题目正确效果图应该是：

源自：CSS文本样式 2-19 编程练习

收起

3回答

好帮手慕糖回答被采纳获得+3积分 2018-12-27 13:34:20

同学你好，可能是选择器这个a的问题，你把这个删除在重新写一下，测试下：

希望能帮助到你，祝学习愉快！

好帮手慕糖 2018-12-27 10:52:29

同学你好，1、font顺序需要调整下，循环可以参考如下（也可以查看下教辅）：

2、简写是必须要加上size与family的哦，例：

希望能帮助都你，欢迎采纳。

祝学习愉快！

提问者 Amanda_Ding #1

您好，按照您第2步的意见重新修改了代码，但是在前端显示还是第一行文字没有变化。以下是我按照您的建议修改了的代码内容，请您看一下是哪里出错了，感谢您。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>2-19-excise</title> <style type="text/css"> p.а{font:italic small-caps bold 25px "微软雅黑"; color:red;} p.b{ font-size:20px; font-style:italic; font-weight:bolder; font-variant:small-caps; color:blue;} </style> </head> <body> <p class="a">Web前端攻城狮(Web front siege lion)</p> <p class="b">CSS层叠样式表(Cascading Style Sheets)</p> </body> </html>

2018-12-27 12:07:13

好帮手慕糖 2018-12-27 09:54:29

同学你好，第一个a选择器中的内容，缺少font属性哦，只有属性值，可以查看下，若还不能解决建议：可以直接把代码粘贴过来，便于准确的定位与解决问题。

希望能帮助到你，祝学习愉快！

提问者 Amanda_Ding #1

感谢您的回复，下方是我的代码，请您帮我看一下。（已按照您的意见，在第一个a选择器中的内容里添加了font属性。） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>2-19 编程练习</title> <style type="text/css"> p.а{font:20px italic bolder small-caps; color:red;} p.b{ font-size:20px; font-style:italic; font-weight:bolder; font-variant:small-caps; color:blue;} </style> </head> <body> <p class="a">Web前端攻城狮(Web front siege lion)</p> <p class="b">CSS层叠样式表(Cascading Style Sheets)</p> </body> </html>

2018-12-27 10:37:08