学习HTML与CSS的第六天——其他字体样式

最新推荐文章于 2024-08-23 22:53:31 发布

不爱学习的大头

最新推荐文章于 2024-08-23 22:53:31 发布

阅读量148

点赞数

文章标签： css css3

本文链接：https://blog.csdn.net/weixin_44055237/article/details/104886268

版权

<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8"/>
      <title>字体其他样式样式</title>
      <style type="text/css"> 
      .p1{
        /* color:red;
        font-size:30px;
        font-family:"微软雅黑" */
        /* 
        font-style 可以用来设置文字的斜体
        -  可选值：
               normal，默认值，文字正常显示
               italic 文字会以斜体显示
               oblique 文字会以倾斜的效果显示
               - 大部分浏览器都不会对倾斜和斜体做区分

         */
         font-style:italic;
         font-weight: 900;
         /* 
         font-weight 可以用来设置文本的加粗效果
                    可选值：
                          normale 默认值，文本正常显示
                          bold 文本加粗显示



              该样式也可以指定100-900 之间的九个值
                    但是由于用户的计算机往往没有这么多级别的字体，所以达到我们想要的效果
                    也就是200有可能比100粗，但也可能一样
          */
          /* 
          font-variant 可以用来设置小型大写字母
                      可选值：
                            normal，默认值，字体正常显示
                            small-caps 文本以小型大写字母显示
           */
          font-variant: small-caps;

          /* 
               在CSS中还有一个样式font
                 使用该样式可以设置字体相关的所有样式
                 可以将字体的样式的值，统一写在font 样式中，不同值之间使用空格隔开
                 使用font设置字体样式时，斜体 加粗 小大写字母 ，没有顺序要求，甚至可以不写，
                  如果不写则使用默认值  但是要求文字的大小与和字体必须要写，而且字体必须时最后一个
                  大小必须时倒数第二个
                实际上使用简写属性也会有一个比较好的性能
                 font: italic small-caps bold 60px "微软雅黑";
           */
      }
      </style>
    </head>
    <body>
    <p class="p1">aaaaaa AAAAA </p>
    </body>
</html>

不爱学习的大头

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习HTML与CSS的第六天——其他字体样式

<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>字体其他样式样式</title> <style type="text/css"> .p1{ /* color:red;...
复制链接

扫一扫