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

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

来源：2-19 编程练习

Amanda_Ding

2018-12-26 20:50:43

老师，您好。

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

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

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

题目正确效果图应该是：

写回答

3回答

好帮手慕糖

2018-12-27

已采纳

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

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

好帮手慕糖

2018-12-27

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

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

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

祝学习愉快！

hmanda_Ding

h 您好，按照您第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>

h018-12-27

共1条回复

好帮手慕糖

2018-12-27

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

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

hmanda_Ding

h 感谢您的回复，下方是我的代码，请您帮我看一下。（已按照您的意见，在第一个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>

h018-12-27

共1条回复

0 学习 · 36712 问题

查看课程

相似问题

字体大小与行高问题

回答 2

为什么CSS中字体大小设置不遵循权值

回答 2

CSS样式3-9编程，在wrap1和wrap1 h1中添加font-size,文字大小为什么不一样？

回答 1

2-19编程练习，第一行文字效果（字体红色，加粗，斜体并且小型的大写字母）显示不出来

回答 1

老师~~~~对这个字体大小什么几倍的还是不太懂这个是2-6

回答 2

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