CSS
文章平均质量分 50
Cedric’s Note
强迫症的树洞
展开
-
CSS 中的自定义字体模块 @font-face
针对WEB页面开发过程中的自定义字体需求,会用到CSS中的@font-face模块。下面是@font-face的语法规则。 @font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*; ...原创 2018-02-05 10:03:01 · 1006 阅读 · 1 评论 -
常用的 CSS 长度单位
1. px(像素)最常用到的绝对长度单位,相对于显示器分辨率而定的单位,兼容性好。2. 百分比常见 相对长度单位,相对于父元素的尺寸的取值,实际使用中,如果父元素是一个非稳定的取值,可能会导致父元素被撑开,而实际值取决于其祖先元素中最近的一个拥有稳定取值的元素。整数取值,并不适用于解决自适应问题。3. em常见 相对长度单位,取决于目标元素字体尺寸。...原创 2018-07-17 10:16:08 · 4424 阅读 · 0 评论 -
常用色彩模式及基础概念整理
这篇将UI设计时的颜色模式,混合页面开发时的颜色设置,混在一起,整理了一下常用到的几种模式及其基础概念,其中标有图标的,为 CSS 中可以直接使用的颜色模式。RGB 光色模式由 红(R | Red)、绿(G | Green)、蓝(B | Blue)三种颜色通道的变化以及它们相互之间的叠加来得到其他颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的色彩模式之一。此模...原创 2019-08-08 15:53:14 · 1273 阅读 · 0 评论 -
box-sizing 与元素布局
box-sizing是用来规定一个元素及其border和padding的关系的属性。以下均以宽高均为 200px,padding 及 border-width 均为 20px 的元素来举例说明两种情况下的布局情况。div { height: 200px; width: 200px; padding: 20px; border-width: 20...原创 2019-08-07 10:12:49 · 162 阅读 · 0 评论