目录

字体大小font-size属性

字体样式font-style属性

字体系列font-family属性

字体变体font-variant属性

字体粗细font-weight属性

字体font属性


font子属性表 属性 说明 font-size 设置字体的大小 font-size 设置字体风格 font-variant 设置小型的大写字母字体 font-family 设置字体名 font-weight 设置字体的粗细

字体大小font-size属性

font-size:绝对大小|相对大小|关键字;

绝对大小:可以使用in、cm、mm、pt、pc等单位为font-size赋值

相对大小:可以使用em、ex、px、%等单位来赋值

关键字:x-small、small、medium、large、x-large、xx-large

字体样式font-style属性

font-style:normal|italic|oblique
font-style属性取值及说明表
属性值 说明
normal 表示不用斜体,是font-style默认属性
italic 表示使用斜体显示文字
oblique 表示使用倾斜字体显示

字体系列font-family属性

font-family:字体1,字体2,...,字体n;

属性值为多个字体名称时,可以使用逗号()分隔。浏览器依次查找字体,只要存在就使用该字体,不存在将会继续找下去,以此类推,直到最后一种字体,仍不存在则使用默认字体(宋体)。如果字体名称中出现空格,必须使用双引号将字体括起来。

字体变体font-variant属性

font-variant:normal | small-caps;
font-variant属性取值表
属性值 说明
normal 表示正常的字体,是font-variant属性的默认值
small-caps 表示使用小型的大写字母字体

字体粗细font-weight属性

font-weight:noral | bold | bolder | lighter |100|200|...|900
font-weight属性取值表
属性值 说明
normal 表示正常的字体,是font-weight属性的默认值
bold 表示标准的粗体
bolder 表示特粗体(为相对参数)
lighter 表示细体(为相对参数)
整数 取值为100、200、...、900来表示粗细程度,100表示最细、400等价于normal、700等价于hold

字体font属性

font属性是复合属性,一次完成多个字体属性的设置,包括字体粗细、风格、字体变体、大小/行高及字体名称

font:font-style font-weight font-variant font-size/line-height font-family

CSS字体样式有哪些相关推荐

  1. css 字体样式设置

    css字体样式(Font Style),属性 时间:2014-05-08 21:49 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响 68353 人 css字体样式(Font Style)是网 ...

  2. css字体样式 1204

    css字体样式 1204 字体大小样式 font-size:字体大小 font-size: 20px; 字体家族 font-family:字体1名称,字体n名称 font-family: 华文行楷; ...

  3. CSS基础——CSS字体样式属性【学习笔记】

    CSS字体样式属性调试工具 font字体 CSS外观属性 快捷操作emmet语法 练习案例-体育页面 1.font字体 1.1 font-size:大小 作用: font-size属性用于设置字号 p ...

  4. html中样式属性有哪些,css字体样式属性有哪些?

    css字体样式属性有:1.font-size:字号大小.2.font-family:规定元素的字体系列.3.font-weight:字体粗细.4.font-style:字体风格.5.font:综合设置 ...

  5. HTML5常用的文本标签及css字体样式属性

    HTML5常用的文本标签 标签 描述 标题标签 HTML中一共有六级标题,标题按字号大小从大到小为H1.H2.H3.H4.H5.H6 <p> 用于定义HTML中的段落 <br> ...

  6. CSS -- CSS字体样式、文本样式、去掉列表的小圆点、背景、背景渐变

    1. CSS字体样式.文本样式.去掉列表的小圆点.背景.背景渐变 1.1字体样式 字体样式 font-family 字体(可以添加2种字体,一种针对中文,一种针对英文) font-size 字体大小( ...

  7. HTML与CSS——CSS字体样式

    HTML与CSS--CSS字体样式 字体样式 CSS 提供了很多属性来控制字体的外观. 常用属性有: font-size:设置字体大小. font-family:设置字体类型. font-weight ...

  8. CSS字体样式属性(font-size、font-family、Unicode、font-weight、font-style、font)

    CSS字体样式属性 font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位.其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度 ...

  9. 最详细的CSS字体样式总结(font-family、font-size、font-weight、font-style等)

    文章目录 前言 一.字体系列 二.字体大小 三.字体粗细 四.字体样式 五.字体复合属性写法 总结 前言 由于自己在学习CSS的过程中会时不时忘记一些CSS字体样式的书写,因此在本文记录了一些常用的C ...

  10. css字体样式,选择器,外观属性

    css字体样式,选择器,外观属性 字体样式 ont-size:字号大小 font-family:字体 css unicode 字体 font-weight:字体粗细 font-style:字体风格 f ...

最新文章

  1. Problem 64 如何设置Linux系统内存回收的阀值?
  2. ubuntu 退出anaconda环境_ubuntu 安装两个Anaconda,并迁移虚拟环境
  3. 2017-07-02 前端日报
  4. IOS – OpenGL ES 调节图像色度 GPUImageHueFilter
  5. UVA 2519 Radar Installtion
  6. 财务有必要学python吗-python在财务里面有用吗
  7. Java开发笔记(一百三十四)Swing的基本对话框
  8. 批量将txt转换成Excel格式
  9. RLS实现求解最小二乘确定性正则方程
  10. 教你电脑系统如何深度清理c盘空间
  11. mysql命令执行cmd命令_mysql cmd常用命令
  12. sql面试题:问题1:查询每个同学的学生编号、学生姓名、选课总数...问题2:查询“张三”老师所授课程的学生中,成绩最高的学生信息...
  13. opencv-车牌识别
  14. 使用THREE.js制作一款3D游戏
  15. AOP名词解释Advice,Pointcut,Advisor,Joinpoint,Advised是什么?
  16. MVC项目功能之加入购物车,清空购物车
  17. 《C语言点滴》一1.2 程序猿和互联网
  18. 37-48.产品经理入门到精通(四)
  19. 简述矩阵的秩和向量组的秩的定义 从定义出发分析两者之间的相互关系
  20. 论文笔记 |【AAAI2022】Best-Buddy GANs for Highly Detailed Image Super-Resolution

热门文章

  1. 什么是AMF?AMF0和AMF3
  2. 用asp.net开发搜索引擎???
  3. java简介(Java简介英文)
  4. 官方教程 Redshift 03 各种GI的参数和常规使用说明
  5. STM32笔记2-使用库函数点亮LED灯
  6. 《深入理解Elasticsearch》README
  7. 【JavaScript】客户端 Web API
  8. 《见与不见》——仓央嘉措
  9. fortify漏洞修复笔记
  10. 【2020-MOOC-浙江大学-陈越、何钦铭-数据结构】树和堆(第五周的笔记和编程作业)