css字体相关

最新推荐文章于 2022-01-18 23:10:21 发布

VIP文章龙龙老表

最新推荐文章于 2022-01-18 23:10:21 发布

阅读量145

点赞数 1

分类专栏： HTML+CSS

本文链接：https://blog.csdn.net/qq_32466937/article/details/106126895

版权

字体的相关样式

* {
   
  /*字重*/
  font-weight: 600;
  /*斜体*/
  font-style: italic;
  /*下划线*/
  text-decoration: underline;
  /*鼠标形状*/
  cursor: pointer;
  /*字体颜色*/
  color: red;
  /*字体系列*/
  font-family: "serif", "sans-serif", "cursive", "fantasy", "monospace";
}

自定义字体

<!DOCTYPE html>
<html>
  <head>
    <style>
      @font-face {
    
        font-family: "biao";
        /* 相关的字体文件可以在网络上下载 */
        src: url("HongLeiBanShuJianTi-2.ttf");
      }
      .ccP {
    
        font-family: biao;
      }
    </style>
  </head>
  <body>
    你好，世界
    <div class="ccP">
      你好，世界
    </div>
  </body>
</html>

基线

字母 x 的底部就是基线,内联元素默认是基线对齐的

中线

字母 x 的顶部

底线

一行文字的底部

顶线

一行文字的最顶上部分

在这里插入图片描述

Vertical-Align 的取值

baseline ：默认对齐方式，基线对齐
text-top ：使元素的顶部与父元素的字体顶部对齐
text-bottom ：使元素的底部与父元素的字体底部对齐
middle ：使元素的中部与父元素的基线加上父元素 x-height（译注：x 高度）的一半对齐
top ：使元素及其后代元素的顶

最低0.47元/天解锁文章

龙龙老表

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css字体相关

字体的相关样式* { /*字重*/ font-weight: 600; /*斜体*/ font-style: italic; /*下划线*/ text-decoration: underline; /*鼠标形状*/ cursor: pointer; /*字体颜色*/ color: red; /*字体系列*/ font-family: "serif", "sans-serif", "cursive", "fantasy", "monospace";}.
复制链接

扫一扫