100~900之间的整百数字。数字越大，文字显示的越粗。 其中400等价于normal，700等价于bold. 作用：设置文字是否斜体显示。 行高是文字真正占有的高度。 行高内部的文字是垂直居中于行高显示的。 实际应用中，行高的数值通过设计图获取，量取数值时需要使用一些辅助软件…

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第27天，点击查看活动详情 原文链接：Obodo David 在日常开发中，我收藏了多种用于不同目的的前端开发工具，这里我列出8个顶

CSS3中包含几个新的背景属性，提供更大背景元素控制。 以前CSS3的版本，网页设计师不得不使用用户计算机上已经安装的字体。使用CSS3，网页设计师可以使用他/她喜欢的任何字体。当你发现您要使用的字体文件时，只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。您所选择的…

contain：保持图片原始的长宽比，调整图片尺寸，使高度或宽度（两者中较长的一个）能够适应给定的尺寸。 cover：保持图片原始的长宽比，图像区域完全被图片完全覆盖。 fill：默认值。图片完全填充于图像区域，即使付出会损失原始长宽比的代价。 none：图片尺寸不会被调整。原…

1.背景 在做移动端各种尺寸屏幕的适配时，用的最多的就是rem方案。我们都写过这样的代码,来设置根字体大小。这个计算公式中设备宽度，UI设计稿尺寸这两个参数比较好理解，可是为什么要除以100呢，为什么

实现的效果类似element-ui的Collapse折叠面板组件，地址链接。 基本的功能已经完成，但是缺少动画，transition标签内置了很多JS动画钩子函数，通过这些函数来实现动画。控制动画的方式有JS和CSS两种方式。 动画功能已经完成，给transition加上这些方…

前段时间，在解决左侧导航栏激活问题时，发现折叠动画过渡不是很平滑，并且还伴随着一些bug。使用起来不是很流畅，于是在解决完激活bug后，我决定把动画效果也解决掉。 当点击折叠展开menu-one栏目的时候没有什么问题，但点击折叠展开mene-two栏目，当动画定格在menu-t…

列表页时常出现因搜索条件过多，占用屏幕的位置太多，所以将不常用到的搜索条件折叠起来，用户需要可以展开。记录一下这个组件。 引入该组件后，将需要折叠展开的dom包含在该组件中即可。

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收