扯点：font

wua_wua2012 发布于2019-08-29 14:13 / 2233人阅读

摘要：其他属性风格变形拉伸调整字体引入字体组合使用

字体系列

font-family:PingFang-SC-Regular,HeitiJ-Light, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;

font-family 指定字体后，加载的是对应的一套字体系列，例如pingfan SC，加载的是 pingfan SC regular ,pingfan SC medium, pingfan SC bold等

字体加粗

font-weight:normal | bold | bolder | lighter | 数值

font-weight数值关键词，其实就是到字体系列中找对应匹配的字体，例如

font-family: "pingfan SC";
font-weight: normal; // 对应 pingfan SC regular
font-weight: lighter; // 对应 pingfan SC thin
font-weight: bold; // 对应 pingfan SC medium

字体大小

font-size的作用是为给定字体的em框提供一个大小，而不能保证实际显示的字符就是这种大小。

其他属性

风格 font-style:italic | oblique | normal

变形 font-variant: small-caps | normal

拉伸 font-stretch

调整字体 font-size-adjust

引入字体 @font-face

组合使用

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

私有云服务器托管来扯点 fonts font fonts cdn

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/112995.html

扯点：Box Modal - 盒模型

摘要：在文档中，元素被表示为一个矩形的盒子。在中，使用盒模型描述这些矩形盒子中的每一个。规定以具体单位计的内边距值，比如像素厘米等。但不允许使用负值。实际测试的百分比，测试结果并不是等于，而是近似等于。在文档中，元素被表示为一个矩形的盒子。在CSS中，使用盒模型描述这些矩形盒子中的每一个。这个模型描述了元素所占空间的内容。每个盒子有四个边：外边距边(margin), 边框边(border...

Tony 2019-08-29 12:17 评论0 收藏0
来扯点ionic3[6] 继续上手表单：魔法般的双向数据绑定

摘要：其中就是将表单和页面组件绑定在一起的桥梁，当一个表单被绑定到某个属性成员上时，它的就自然等于这个属性的值。 showImg(https://segmentfault.com/img/remote/1460000012146194?w=650&h=350); 相关章节：[来扯点ionic3[5] 轻松上手表单：这些组件可以玩一年](http://www.jianshu.com/p/b2a...

ermaoL 2019-08-05 12:27 评论0 收藏0
来扯点ionic3[7] LocalStorage的使用—以登录和注销为例

摘要：我们可以尝试模拟登录的流程来体验这一的使用。制作模板并完成数据绑定在编写表单模板，并使用将每个项目绑定在数据模型上。清除中的用户信息在首页添加注销按钮，清除中的，并跳转回登录页面。 showImg(https://segmentfault.com/img/remote/1460000012146194?w=650&h=350); 一般意义上，一个互联网 APP 中的数据主自与服务器的交...

lushan 2019-08-05 12:27 评论0 收藏0
来扯点ionic3[5] 轻松上手表单：这些组件可以玩一年

摘要：基本使用请选择选项选项在标签上使用指令，表示其内部的为同一组。标题按钮按钮和上述控件不同，它不使用来构件，而是使用普通的标签配合指令来实现效果并且按钮可以不放置在容器中。 showImg(https://segmentfault.com/img/remote/1460000012146194?w=650&h=350); 表单几乎是每一个应用程序中必不可少的一部分，在各类 HTML 教材...

endless_road 2019-08-05 12:27 评论0 收藏0
扯点：FC - Formatting Context

摘要：指页面中一个渲染区域，并且拥有一套渲染规则，他决定了其子元素如何定位，以及与其他元素的相互关系和作用。两个同胞盒间的垂直距离取决于属性。同一个块格式化上下文中的相邻块级盒的垂直外边距将折叠。 FC（Formatting Context）指页面中一个渲染区域，并且拥有一套渲染规则，他决定了其子元素如何定位，以及与其他元素的相互关系和作用。常见的FC有BFC、IFC，GFC和FFC。 BF...

notebin 2019-08-29 14:11 评论0 收藏0