-
div+css视频教程之字体版式
字体版式
CSS2.1 定义了 3 种一般的字体集:serif、sans-serif 和 monospace。这些字体将始终适用于每个系统,它们不一定看起来完全一样,但是一般而言,如果主要字体出现故障,它们至少可以作为备用字体。所以, 举例而言,在您的 body CSS 声明中,可以使用类似以下形式的内容:
其中以选择了 Univers 字体,如果 Univers 在用户计算机上不可用,默认将使用 sans-serif。
CSS3 通过引入 @font-face 元素稍微改进了此功能,这是一个比较复杂的机制,用于跨 web(特别是对于您的网站)传输一个字体。如果希望使用漂亮的字体,它可能非常有用,这是一个适合排版专家的高级主题。但是,此类字形开发工作已由第三 方提供商大大简化,比如字体下载 表中的 Google Font API 和 Typekit。
字体下载
Google Font API 和 Typekit 提供了它们自己的系统来跨系统下载漂亮的字体。它的工作原理类似于 (X)HTML、JavaScript 和 CSS3 的结合,所以可能仅适用于比较现代的浏览器。
至于现在,我们主要关注 Google Font API,它可以免费、轻松地使用。要应用此功能,首先在 (X)HTML 头部添加一行表明您希望使用 Google Font Directory 中的 Architects Daughter 字体:
然后,使用 CSS 应用样式:
您的网站现在使用了 Architects Daughter Google 字体。但是,我的建议是不要为整个网站使用 “太过漂亮的” 字体。请确保您的网站继续保持干净、紧凑和清新。
结束语
CSS2.1 和 CSS3 都是内涵丰富的主题,值得用一本书来探讨。本文仅大概介绍了如何编写高质量的样式表,您可以应用这里的知识在万维网上的其他地方查找 CSS 参考资料。
通过不引人注目的、彼此独立的方式使用 (X)HTML 和 CSS,您可以最大程度地实现标准兼容性、可访问性和搜索引擎优化。CSS 是一种优秀的技术,XHTML 和 HTML 也是,但是它必须以一种标准化的方式使用。这些标准可能是 Web 设计的基本资源,但它们不是设计本身,优秀的设计必须通过实践和不断完善来获得。
关于作者
Daniel John Lewis 是一位来自英国的自由计算机科学家,是一位图形/色彩设计专家的儿子。他使用各种语言(包括 PHP、Ruby、Java 和 XHTML)开发 Web 应用程序,自 20世纪 80 年代晚期就开始使用开发和设计软件。他的计算机科学研究和咨询工作涉及语义 Web、链接数据、人工智能、机器学习、数据挖掘和 “人类计算” 等领域。
字体版式
CSS2.1 定义了 3 种一般的字体集:serif、sans-serif 和 monospace。这些字体将始终适用于每个系统,它们不一定看起来完全一样,但是一般而言,如果主要字体出现故障,它们至少可以作为备用字体。所以, 举例而言,在您的 body CSS 声明中,可以使用类似以下形式的内容:
其中以选择了 Univers 字体,如果 Univers 在用户计算机上不可用,默认将使用 sans-serif。
CSS3 通过引入 @font-face 元素稍微改进了此功能,这是一个比较复杂的机制,用于跨 web(特别是对于您的网站)传输一个字体。如果希望使用漂亮的字体,它可能非常有用,这是一个适合排版专家的高级主题。但是,此类字形开发工作已由第三 方提供商大大简化,比如字体下载 表中的 Google Font API 和 Typekit。
字体下载
Google Font API 和 Typekit 提供了它们自己的系统来跨系统下载漂亮的字体。它的工作原理类似于 (X)HTML、JavaScript 和 CSS3 的结合,所以可能仅适用于比较现代的浏览器。
至于现在,我们主要关注 Google Font API,它可以免费、轻松地使用。要应用此功能,首先在 (X)HTML 头部添加一行表明您希望使用 Google Font Directory 中的 Architects Daughter 字体:
然后,使用 CSS 应用样式:
您的网站现在使用了 Architects Daughter Google 字体。但是,我的建议是不要为整个网站使用 “太过漂亮的” 字体。请确保您的网站继续保持干净、紧凑和清新。
结束语
CSS2.1 和 CSS3 都是内涵丰富的主题,值得用一本书来探讨。本文仅大概介绍了如何编写高质量的样式表,您可以应用这里的知识在万维网上的其他地方查找 CSS 参考资料。
通过不引人注目的、彼此独立的方式使用 (X)HTML 和 CSS,您可以最大程度地实现标准兼容性、可访问性和搜索引擎优化。CSS 是一种优秀的技术,XHTML 和 HTML 也是,但是它必须以一种标准化的方式使用。这些标准可能是 Web 设计的基本资源,但它们不是设计本身,优秀的设计必须通过实践和不断完善来获得。
关于作者
Daniel John Lewis 是一位来自英国的自由计算机科学家,是一位图形/色彩设计专家的儿子。他使用各种语言(包括 PHP、Ruby、Java 和 XHTML)开发 Web 应用程序,自 20世纪 80 年代晚期就开始使用开发和设计软件。他的计算机科学研究和咨询工作涉及语义 Web、链接数据、人工智能、机器学习、数据挖掘和 “人类计算” 等领域。
CSS2.1 定义了 3 种一般的字体集:serif、sans-serif 和 monospace。这些字体将始终适用于每个系统,它们不一定看起来完全一样,但是一般而言,如果主要字体出现故障,它们至少可以作为备用字体。所以, 举例而言,在您的 body CSS 声明中,可以使用类似以下形式的内容:
1 2 3 |
body { font-family: Univers, sans-serif; } |
CSS3 通过引入 @font-face 元素稍微改进了此功能,这是一个比较复杂的机制,用于跨 web(特别是对于您的网站)传输一个字体。如果希望使用漂亮的字体,它可能非常有用,这是一个适合排版专家的高级主题。但是,此类字形开发工作已由第三 方提供商大大简化,比如字体下载 表中的 Google Font API 和 Typekit。
字体下载
Google Font API 和 Typekit 提供了它们自己的系统来跨系统下载漂亮的字体。它的工作原理类似于 (X)HTML、JavaScript 和 CSS3 的结合,所以可能仅适用于比较现代的浏览器。
至于现在,我们主要关注 Google Font API,它可以免费、轻松地使用。要应用此功能,首先在 (X)HTML 头部添加一行表明您希望使用 Google Font Directory 中的 Architects Daughter 字体:
1 | < link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'> |
1 2 3 |
body { font-family: 'Architects Daughter', serif; } |
结束语
CSS2.1 和 CSS3 都是内涵丰富的主题,值得用一本书来探讨。本文仅大概介绍了如何编写高质量的样式表,您可以应用这里的知识在万维网上的其他地方查找 CSS 参考资料。
通过不引人注目的、彼此独立的方式使用 (X)HTML 和 CSS,您可以最大程度地实现标准兼容性、可访问性和搜索引擎优化。CSS 是一种优秀的技术,XHTML 和 HTML 也是,但是它必须以一种标准化的方式使用。这些标准可能是 Web 设计的基本资源,但它们不是设计本身,优秀的设计必须通过实践和不断完善来获得。
关于作者
Daniel John Lewis 是一位来自英国的自由计算机科学家,是一位图形/色彩设计专家的儿子。他使用各种语言(包括 PHP、Ruby、Java 和 XHTML)开发 Web 应用程序,自 20世纪 80 年代晚期就开始使用开发和设计软件。他的计算机科学研究和咨询工作涉及语义 Web、链接数据、人工智能、机器学习、数据挖掘和 “人类计算” 等领域。
字体版式
CSS2.1 定义了 3 种一般的字体集:serif、sans-serif 和 monospace。这些字体将始终适用于每个系统,它们不一定看起来完全一样,但是一般而言,如果主要字体出现故障,它们至少可以作为备用字体。所以, 举例而言,在您的 body CSS 声明中,可以使用类似以下形式的内容:
1 2 3 |
body { font-family: Univers, sans-serif; } |
CSS3 通过引入 @font-face 元素稍微改进了此功能,这是一个比较复杂的机制,用于跨 web(特别是对于您的网站)传输一个字体。如果希望使用漂亮的字体,它可能非常有用,这是一个适合排版专家的高级主题。但是,此类字形开发工作已由第三 方提供商大大简化,比如字体下载 表中的 Google Font API 和 Typekit。
字体下载
Google Font API 和 Typekit 提供了它们自己的系统来跨系统下载漂亮的字体。它的工作原理类似于 (X)HTML、JavaScript 和 CSS3 的结合,所以可能仅适用于比较现代的浏览器。
至于现在,我们主要关注 Google Font API,它可以免费、轻松地使用。要应用此功能,首先在 (X)HTML 头部添加一行表明您希望使用 Google Font Directory 中的 Architects Daughter 字体:
1 | < link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'> |
1 2 3 |
body { font-family: 'Architects Daughter', serif; } |
结束语
CSS2.1 和 CSS3 都是内涵丰富的主题,值得用一本书来探讨。本文仅大概介绍了如何编写高质量的样式表,您可以应用这里的知识在万维网上的其他地方查找 CSS 参考资料。
通过不引人注目的、彼此独立的方式使用 (X)HTML 和 CSS,您可以最大程度地实现标准兼容性、可访问性和搜索引擎优化。CSS 是一种优秀的技术,XHTML 和 HTML 也是,但是它必须以一种标准化的方式使用。这些标准可能是 Web 设计的基本资源,但它们不是设计本身,优秀的设计必须通过实践和不断完善来获得。
关于作者
Daniel John Lewis 是一位来自英国的自由计算机科学家,是一位图形/色彩设计专家的儿子。他使用各种语言(包括 PHP、Ruby、Java 和 XHTML)开发 Web 应用程序,自 20世纪 80 年代晚期就开始使用开发和设计软件。他的计算机科学研究和咨询工作涉及语义 Web、链接数据、人工智能、机器学习、数据挖掘和 “人类计算” 等领域。
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
SQL SERVER中递归
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
这是目前我见过最好的跨域解决方案!
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比
一款纯 JS 实现的轻量化图片编辑器
关于开发 VS Code 插件遇到的 workbench.scm.
前端设计模式——观察者模式
前端设计模式——中介者模式
创建型-原型模式