2-9编程作业
来源：2-19 编程练习
俞子尧
2018-09-29 19:30:39
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 补充代码 -->
<style type="text/css">
.red{
color:red;
font-weight:900;
font-style:italic;
font-variant:small-caps;
}
.blue{
color:blue;
font-weight:900;
font-variant:small-caps;
}
</style>
</head>
<body>
<!-- 补充代码 -->
<div class="red">web前段工程师 (Web front siege lion)</div>
<div class="blue">css折叠样式标（Cascading style sheets)</div>
</body>
</html>
2回答
-
妮可妮可妮_
2018-09-30
测试了你的代码,效果可以实现
根据习题要求,建议同学第一行文字使用font属性的简写方式添加样式哦~
祝学习愉快!
0 -
the100s
2018-09-30
首先：font简写中必须同时设置 ”font-size“和”font-famlily“，属性才能起作用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 补充代码 -->
<style type="text/css">
.one{font:italic small-caps bold 1em "微软雅黑";color:red;}
.two{color:blue;
font-weight:bold;
font-variant:small-caps;}
</style>
</head>
<body>
<!-- 补充代码 -->
<p class="one">Web前端攻城狮(Web front siege lion)</p>
<p class="two">CSS层叠样式表(Cascading Style Sheets)</p>
</body>
</html>
0
相似问题