css字体样式

这篇具有很好参考价值的文章主要介绍了css字体样式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 文章来源地址https://www.toymoban.com/news/detail-710512.html

1.font-style 设置字体样式

属性值:

    normal:指定⽂本字体样式为正常的字体

    italic:指定⽂本字体样式为斜体。

2.文字字体

font-family 只能引用系统自带的字体样式,如果需要其他别的字体,需要从外部下载调用

css字体样式

引用外部字体   网站:https://font.chinaz.com/katongziti.html

css字体样式

css字体样式

3、字体粗细

font-weight 定义字体粗细

1)normal:正常的字体。相当于number为400

2)bold:粗体。相当于number为700

3)bolder:特粗体。也相当于strong和b标签的作⽤

4)lighter:细体

5):⽤数字表示⽂本字体粗细。取值范围:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

4、字体大小

font-size 定义字体大小

常用单位:px  %  em  rem

5、字体行高

line-height  设置行高

常用值:normal  、px  、%  、em

作用:当行高和高一致时,单行字段垂直居中

css字体样式

6、综合设置

CSS字体属性font定义字体,加粗,⼤⼩,⽂字样式。 该属性是复合属性

 字体符合属性值的顺序:    font:<font-style> <font-weight> <font-size>/<line-height> <fon-family>

必须按顺序写,不需要的值可以省略不写,复合属性的值最少两个以上。

     
     
     

 

到了这里,关于css字体样式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • css自定义字体@font-face的使用方法

    可以设置多个 src 属性,以指定不同的字体资源路径。这样做的目的是为了增强字体的兼容性,以确保在不同的浏览器和设备上都能正常加载字体。 上面设置了三个不同的字体资源路径,分别是 .eot、.woff、.ttf 格式的字体文件,当浏览器无法识别第一个字体文件时,会自动尝

    2024年02月17日
    浏览(37)
  • 【CSS 17】attribute selector 属性选择器 设置无class或id的表单样式

    attribute selector 属性选择器 可以设置带有特定属性或属性值的 HTML 元素的样式 [attribute] 选择器用于选取带有指定属性的元素 [attribute=“value”] 选择器用于选取带有指定属性和值的元素 [attribute~=“value”] 选择器选取属性值包含指定词的元素 [attribute|=“value”] 选择器用于选取

    2024年02月12日
    浏览(32)
  • Android style(样式) 和 theme(主题) 属性

            样式和主题资源都可用于对Android UI组件进行“美化”,只要充分利用好这两个属性资源,我们可以开发出各种风格的应用界面。         style 样式: 一个样式相当于多个格式的集合,其他UI组件通过style属性来指定样式,样式资源文件时放在/res/values/styles.xm

    2023年04月12日
    浏览(33)
  • 小程序设置字体font-family

    不多废话,我今天在整这个需求的时候,经过测试,发现ios和安卓需要不同的处理方式,目前来看缺一不可,直接上方法。 方式一:IOS处理方式 用小程序的API去请求网络资源字体文件 这里需要注意的是: 代码需要写在app.js页面 网络资源要在微信公众平台配置download域名 A

    2024年02月13日
    浏览(26)
  • css的font-size属性、line-height属性、height属性

    目录 一,字体框 二、font-size属性 三、line-height属性 四、line-height和font-size的联系         简介:font-size是css中关于字体的样式属性,注意与文本属性text-xxx进行区别。因为文本由一个个字符组成,所以字体属性也会对文本属性造成影响。       字体框是设计字体时,采用

    2023年04月12日
    浏览(27)
  • css字体样式

      1.font-style 设置字体样式 属性值:     normal:指定⽂本字体样式为正常的字体     italic:指定⽂本字体样式为斜体。 2.文字字体 font-family 只能引用系统自带的字体样式,如果需要其他别的字体,需要从外部下载调用 引用外部字体   网站: https://font.chinaz.com/katongziti.html

    2024年02月08日
    浏览(35)
  • element-ui设置高度height属性与style属性设置的区别

    在 element-ui 表格中,可以通过 style 属性和 heigh t属性来设置表格的高度。这两种方式的区别如下: 使用 style 属性可以设置表格容器的样式,包括高度、宽度、边框等。例如: 这里将表格容器的高度设置为 300px ,表格的高度是固定的,如果表格内容高度超过了 300px ,不会出

    2024年02月07日
    浏览(32)
  • 【CSS】CSS字体样式【CSS基础知识详解】

    👨‍💻个人主页:@花无缺 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 本文由 花无缺 原创 本文章收录于专栏 【CSS】 【CSS专栏】 已发布文章 📁【CSS基础认知】 📁【CSS选择器全解指南】 文字是网页界面上最常见的元素,而文字的字体、大小和文字样式等都可以通过CSS来设置

    2024年02月05日
    浏览(42)
  • 前端-CSS 字体和文本样式

    字体大小 字体粗细 字体样式 字体系列 文本缩进 取值 数字 + px 数字 + em(推荐:1em=当前标签的 font-size 大小) 文本水平对齐方式 内容居中需要给父元素设置居中属性 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2ENfm2r2-1688123416662)(https://note.youda

    2024年02月11日
    浏览(99)
  • HTML--CSS--字体、文本样式

    属性 作用 font-family 字体类型 font-size 字体大小 font-weight 字体粗细 font-style 字体风格 color 字体颜色 用法: 如下,定义 div元素内的字体,默认是宋体,要设定其他字体就用这个属性进行设定,关于各字体,我用VSCode写代码时有补全,就不一一列出了 用法: 字体粗细属性:

    2024年01月17日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包