扯点：font

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

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

字体系列

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

GPU云服务器云服务器来扯点 fonts font fonts cdn

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

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

扯点：Box Modal - 盒模型

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

Tony 2019-08-29 12:17 评论0 收藏0
扯点：FC - Formatting Context

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

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