首页 > 其他分享 >CSS3学习笔记-字体属性

CSS3学习笔记-字体属性

时间:2023-11-12 10:22:32浏览次数:37  
标签:CSS3 font 笔记 字体 使用 文本 属性

在CSS3中,可以使用字体属性来控制网页中文本的样式和排版。以下是常用的字体属性:

  1. font-family 该属性用于指定网页中的文本所使用的字体。我们可以通过使用通用的字体名称,或者直接使用字体名称,在多个字 体之间进行设置。例如:
    ```css
    body {
    font-family: Arial, Helvetica, sans-serif;
    }

    
    
  2. font-size 该属性用于指定文本的大小,可以使用像素值、em 或 rem,也可以使用百分比表示。例如:

    body {
        font-size: 16px;
    }
    
  3. font-weight 该属性用于指定文本的粗细程度。可以使用数字值或关键字,例如 boldbolderlighter,也可以使用 100 到 900 之间的数字值来表示。

    例如:

    h1 {
         font-weight: bold;
    }
    p {
         font-weight: 400;
    }
    
  4. font-style 该属性用于指定文本是否倾斜,可以使用关键字 italicoblique 实现。

    例如:

    em {
         font-style: italic;
    }
    i {
         font-style: oblique;
    }
    
  5. font-variant 该属性用于指定文本是否小型化,可以使用 small-caps 实现。

    例如:

    p {
         font-variant: small-caps;
    }
    

以上是常用的 CSS3 字体属性。使用这些属性我们可以更加精确地控制文本的样式,使页面效果更加优秀。

标签:CSS3,font,笔记,字体,使用,文本,属性
From: https://www.cnblogs.com/wuqiyang/p/17826807.html

相关文章

  • CSS3学习笔记-盒模型
    CSS盒模型是指包含内容(content)、填充(padding)、边框(border)和外边距(margin)几个方面的一个矩形框模型。内容区(content):指元素中显示内容的区域,它的大小由width和height属性决定。填充区(padding):用于控制内容区周围的空白区域或边距,padding属性可以控制填充区的大小。边框(border):位于......
  • CSS3学习笔记-文字特效
    CSS3中提供了许多有趣和实用的文字特效,可以让我们的文本内容更加生动有趣,下面介绍一些常用的文字特效。文本阴影使用text-shadow属性可以为文本添加阴影效果,语法如下:text-shadow:h-shadowv-shadowblur-color;其中,h-shadow和v-shadow是必需的参数,分别表示阴影的水平和垂......
  • 读程序员的制胜技笔记10_可口的扩展
    1. 可扩展性1.1. 土耳其的一句谚语:“路到眼前必有车”1.1.1. “别为还没到来的事情烦恼”1.2. 单纯的高性能并不能使一个系统具有可扩展性,你需要让所有方面的设计都得能够迎合越来越多的用户1.3. 没有一个单一的方案可以解决我们所有的问题,我们需要把所有用来解决问题的......
  • 歌谣v2+ele笔记记录JsonServer模拟数据2
    第一步初始化配置npminit-y第二步yarnaddjson-server第三步创建db.json文件{"account":{"user":[{"name":"geyao","password":"123456"}]}}启动json-server--watch.......
  • 【深度学习笔记】第3章-神经网络基础
    参考书籍:邓立国等《python深度学习原理、算法与案例》清华大学出版社3.3感知机3.3.1感知机模型感知机,又称阈值逻辑单元(ThresholdLogicUnit,TLU)/线性阈值单元(LinearThresholdUnit,LTU)经典数据集:IrisDataSet(鸢尾属植物数据集)但是这个数据集有些复杂,没什么必要用,自己写......
  • 《Swin Transformer: Hierarchical Vision Transformer using Shifted Windows》阅读
    论文标题《SwinTransformer:HierarchicalVisionTransformerusingShiftedWindows》Swin这个词貌似来自后面的ShiftedWindowsShiftedWindows:移动窗口Hierarchical:分层作者微软亚洲研究院出品初读摘要提出SwinTransformer可以作为CV的通用主干Tansfo......
  • 学习笔记9
    第6章信号和信号处理1.信号和中断1.信号:信号是操作系统中用于通知进程有突发事件发生的一种机制。信号可以由硬件或软件生成,用于中断进程的执行。信号的主要目的是让进程能够及时处理这些特殊事件,例如用户输入、硬件故障等。信号的特点:异步性:信号可以在进程执行的任何时......
  • Pollard-Rho 学习笔记
    前言其实很早就看到过了,下定决心去学的,居然是因为翻到之前口胡的题目,然后发现之前做法假了,继续尝试做的时候发现需要这个算法,于是,题目就绿->黑了。Step.1引入求一个数的所有因数,这个问题伴随了我们很久了,现在又要翻出来鞭尸。最开始的时候,我们使用的是最朴素的\(O(n)\)试除......
  • 黑马pink css3
    行内元素/内联元素:是最典型的行内元素特点:相邻行内元素在一行上,一行可以显示多个高,宽度设置是无效的默认宽度是他本身内容的宽度行内元素只能容纳文本或其他行内元素注意:内部不能嵌套‘’可以嵌套块级元素行内块元素:‘’特点:一行可以有多个,之间有空隙默认宽度是他本......
  • SuperGlue: Learning Feature Matching with Graph Neural Networks论文笔记
    SuperGlue:LearningFeatureMatchingwithGraphNeuralNetworks源码:github.com/magicleap/SuperGluePretrainedNetwork背景:主要解决图像中点之间的对应关系。主要方法:上图为该方法的主要框架。模型大致分为两个部分:注意图神经网络和最优匹配层。其中第i个局部特征由di......