2019独角兽企业重金招聘Python工程师标准>>>

CSS font-family示例:

源码如下:

<html>

<head>

<meta charset="utf-8">

<style type="text/css">

#p1{

font-family: Arial,宋体;

}

#p2{

font-family: Serif;

}

#p3{

font-family: Sans-serif;

}

#p4{

font-family: Monospace;

}

#p5{

font-family: Cursive;

}

#p6{

font-family: Fantasy;

}

</style>

<title>font-family属性</title>

</head>

<body>

<p id="p1">CSS 特定字体</p>

<p id="p2">CSS Serif 字体</p>

<p id="p3">CSS Sans-serif 字体</p>

<p id="p4">CSS Monospace  字体</p>

<p id="p5">CSS Cursive 字体</p>

<p id="p6">CSS Fantasy 字体</p>

</body>

</html>

属性说明:

在 CSS 中,存在两种类型的字体系列名称:

通用字体  - 具有相似外观的字体系统组合(例如 "Serif" , "Monospace"等)

特定字体  - 具体的字体系列(比如 "Times" , "Courier"等)

CSS使用指定特定的字体系列取决于用户浏览器是是否可用;如不支持某个特定字体,也不会下载,因此一般使用推荐一个通用字体系列名作为字体。

CSS定义了 5 种通用字体系列:

Serif 字体

Sans-serif 字体

Monospace 字体

Cursive 字体

Fantasy 字体

转载于:https://my.oschina.net/u/2971691/blog/891841

CSS属性:font-family相关推荐

  1. CSS属性之字体(Font)

    CSS属性之字体(Font) font:[ [ "| || ]? [ / ]? ]  复合属性,各属性见下文. 必须同时包含font-size和font-family,且这两个值顺序不能变, ...

  2. css文本外观属性中设置字体,css 文本外观属性(text) 和 字体样式属性(font)

    css文本 text外观属性 color: 颜色值(red,blue)十六进制 ,rgb letter-spacing: 字间距 px,em word-spacing: 单词间距 对中文无效 line ...

  3. DW中CSS属性详解

    作者:未知 来源:5D多媒体       在Dreamweaver的CSS样式里包含了W3C规范定义的所有CSS1的属性,Dreamweaver把这些属性分为Type(类型).Background(背 ...

  4. css元素与浏览器边框,别具光芒CSS属性、浏览器兼容与网页布局

    别具光芒CSS属性.浏览器兼容与网页布局 语音 编辑 锁定 讨论 上传视频 上传视频 <别具光芒CSS属性.浏览器兼容与网页布局>是2008年人民邮电出版社出版的图书.该书结合大量范例与实 ...

  5. 前端笔记(7)css属性书写顺序,布局流程,chrome调试工具

    css样式表/层叠样式表(5) css属性书写顺序 布局流程 chrome调试工具 css属性书写顺序 布局定位属性 display / position / float / clear / visi ...

  6. 常见的CSS属性和值CascadingStyleSheets

    字体 文本 背景 位置 边框 列表 其他 CSS中修饰字体的属性 属    性 描    述 属  性  值 font-family 字体族科 任意字体族科名称都可以使用例如Times.serif等, ...

  7. 050_学习的CSS属性

    1. 尺寸属性(Dimension) height: 设置元素高度. max-height: 设置元素的最大高度. max-width: 设置元素的最大宽度. min-height: 设置元素的最小高 ...

  8. canvas clear 指定属性的元素_好程序员web前端分享CSS属性组成及作用

    好程序员web前端分享CSS属性组成及作用 学习目标 1.css属性和属性值的定义 2.css文本属性 3.css列表属性 4.css背景属性 5.css边框属性 6.css浮动属性 一.css属性和 ...

  9. html怎么制作附页,HTML和CSS属性的正确书写规范

    网页的重要性评级: 1. 网页的排名. 2. 标签的语义化,正确的标签做正确的事情. 3. 提升网页的加载速度.1. CSS代码优化,代码的正确排列顺序,不正确的代码会导致浏览器解析代码回流,会拖慢浏 ...

  10. css默认的font-size是什么意思,常用的css属性:font-size等

    原标题:常用的css属性:font-size等 今天给大家介绍一些常用的css属性: 1 font-size:用于设置字体大小 font-size:20px; font-size:150% 2 fon ...

最新文章

  1. XTU 1243 2016
  2. react 原生html 插件,纯原生JS的瀑布流插件Macy.js,前端必备插件
  3. javascript对象包含哪些要素_重学JavaScript 对象
  4. whitelabel error page什么意思_什么是RESTful API?总算能说清楚了
  5. JEEWX微信开发更便捷,Ngrok 内网穿透利器应用
  6. 微信小程序学习笔记-1-环境及基础结构
  7. 网络协议栈深入分析(四)--套接字内核初始化和创建过程
  8. Spring Security Oauth2 解析jwt
  9. AndroidStudio_从Eclipse到AndroidStudio开发工具_认识使用AndroidStudio_导入用eclipse开发的工程---Android原生开发工作笔记69
  10. 疫时急速挑战,AI 落地大考
  11. snmpset对象不可写_别再问了,好吗?Java字符串一定是不可变的
  12. HttpReponse
  13. 深入剖析Android音频之AudioPolicyService
  14. Android多媒体:AudioTrack
  15. 如何在Mac上恢复格式化的相机卡
  16. opencv 基本绘图函数
  17. Android之底部菜单栏的实现
  18. 整理英语句子:将首字母大写,单词之间只能一个空格,最后加句号
  19. java 算出下一个工作日_如何计算JAVA中两个不同日期之间的工作日(不包括周末)?...
  20. 全景看房vr全景展示,获得360度全景式视角实时交互体验

热门文章

  1. 机器学习的中流砥柱:用于模型构建的基础架构工具有哪些?
  2. 完胜 BERT,谷歌最佳 NLP 预训练模型开源
  3. 人工智能值得关注的技术研究方向
  4. ICCV 2019 论文解读:用图神经网络改善视频的多标签分类
  5. 速来了解—关于机器学习的“核心”秘密
  6. 特斯拉CEO对自动驾驶发表预测,专家:别扰乱公众的认知了
  7. SAP MM ME21N 创建PO时报错 - Net price in CNY becomes too large – 之对策
  8. 「机器学习」彻底搞懂CNN
  9. 量化集体行为特刊:信息论为量化集体性提供形式化框架
  10. 5G 标准的走向,为何越来越不同寻常?