老师，为什么这样写，小型大写字母出不来呢
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p1{
color:red;
font:italic bold small-caps;
}
p2{
color:blue;
font:bold small-caps;
}
</style>
</head>
<body>
<div>
<p1>Web前端工程狮(Web front siege lion)</p1><br/>
<p2>CSS层叠样式表(Cascading Style Sheets)</p2>
</div>
</body>
</html>0
收起
正在回答
2回答
同学你好，代码中有以下几个问题：
1、在html中，只有p标签，没有p1、p2标签哦，参考下图：
2、在css代码中，想改变p标签的文本样式，直接使用标签选择器即可：p{ }
3、font的简写形式是必须要加上size与family的，这样font的简写模式才会实现哦，参考下图：
4、第一行的字体颜色是红色，可以单独给第一行的p标签起一个类名，再单独设置color字体颜色。
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p {
color: blue;
font: italic small-caps bold 20px "微软雅黑";
}
.pColor {
color: red;
}
</style>
</head>
<body>
<div>
<p class="pColor">Web前端工程狮(Web front siege lion)</p>
<!-- <br /> -->
<p>CSS层叠样式表(Cascading Style Sheets)</p>
</div>
</body>
</html>自己试一试哦，如果帮助到了你，欢迎采纳。
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星