-
舍弃预处理,拥抱CSS变量
什么是 CSS 变量 CSS 变量是由网页的作者或用户定义的实体,用来指定文档中的特定变量。使用自定义属性来设置变量名,并使用特定的 var() 来访问。(比如 color:var(–main-color);)。 CSS 变量的用途 取代预处理器变量 现在普遍使用的预...
-
CSS学习笔记(3) - 字体效果
CSS 字体效果应用场景 在前端开发过程中,我们可能会遇到页面需要特殊的字体效果的情况。字体的实现效果有多种方法,最常见的无异于两种:图片和 CSS 实现。 1.图片实现特殊字体 图片实现的字体效果肯定是最符合视觉效果的,不过这种方法的实现缺点也很多,比如资源消耗大,增加请求导致效...
-
CSS学习笔记(2) - 边框渐变和字体渐变
扩展渐变 有了线性渐变和径向渐变作用于背景的相关基础,有助于我们理解边框渐变和字体渐变。 边框渐变 要实现边框渐变,我们需要借助 border-image 这个 css 属性。 1 2 3 4 5 6 7 8 .box &#...
-
CSS学习笔记(1) - 背景渐变
css 渐变类型 在 css3 标准之后,css 主要有以下的渐变类型,线性渐变(linear-gradient),径向渐变(radial-gradient),重复渐变(repeating-linear/radial-gradient)。 其中,重复渐变可以认为是线性渐变和径向...