老师帮忙检查一下作业

来源:2-16 编程练习

寿限无的丸子

2022-02-19 07:37:35

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        .para1{
            font: italic bold 15px/1.5 "";;
        }
        .para2{
            font-weight:bold;
            font-size:15px;
            color:blue;
        }
    </style>
</head>
<body>
    <p class="para1">Web前端攻城狮(Web front siegn lion)</p>
    <p class="para2">CSS层叠样式表(Cascading Style Sheets)</p>
</body>
</html>

老师如果我删除了字体大小和字体两个元素为什么就无法实现了呢?必须是全部写上所有元素是吗?eg:

font: italic bold;


写回答

1回答

好帮手慕小李

2022-02-19

同学你好,解答如下:

1、因为同学使用的是font简写,比如说font后面设置了italic bold 15px/1.5 ""这些,那么这里包含一个知识点,如果使用这种简写需要注意以下几点:

1)按照font-style   font-variant   font-weight   font-sizene-height    font-family顺序来写;

2)先写字体大小在写字体;

3)ont-sizene-height作为一组使用,中间用斜杠区分;

4)没有赋值的属性,会自动使用默认值;

基于以上规则,所以同学只设置font: italic bold;这样是无法有效果的。

2、如果只需要设置italic与bold,那么我们直接使用font-style:italic; 与font-weight:bold;即可。

同学自己试试,祝学习愉快!

1

0 学习 · 17877 问题

查看课程