1.什么是字体图标可以看作一种特殊字体，其展示的是图标，而不再是文字，其拥有字体的特性，比如大小、颜色、透明效果、阴影等，字体图标加载快、不变形。也可以看作是矢量格式的图标。2.字体图标常用免费资源（1）iconmoon字体图标库：https:icomoon.ioapp（2）阿里iconfont字体图标库：https:www.iconfont.cn（3）fo …
技术教程
作者：Tam Hanna 转发链接：https:www.creativebloq.comhow-to21-ways-to-optimise-your-css-and-speed-up-your-siteCSS 必须通过一个相对复杂的管道，就像 HTML 和 JavaScript一样，浏览器必须从服务器下载文件，然后进行解析并将其应用于DOM。由于优化程度极高 …
本文将介绍一些利用 CSS 中的 background、mix-blend-mode、mask 及一些相关属性，制作一些稍微复杂、酷炫的背景。通过本文，你将会了解到 CSS background 中更为强大的一些用法，并且学会利用 background 相关的一些属性，采用不同的方式，去创造更复杂的背景图案。在这个过程中，你会更好的掌握不同的渐变技巧，更深层 …
在实际编程中我们经常会遇到下拉菜单的下三角和一些特殊的图形，那么这些如何用css来实现呢？例1例2例3原理：仔细想想，原理非常简单，利用CSS的border以及它的属性值transparent来实现三角形,其中最主要的是要明白由于div的高度跟宽度都为0，margin，padding也为0，所以元素框的大小就是他的border的叠加，由于相邻border会重 …
我们学习 CSS 背景属性。假设这里有个 div 容器，宽 400，高 300，默认情况下，这个 div 是没有背景的，或者说它的背景是透明的，我们拿一张图片实验一下就能看得出来，这个 div 在默认情况下，背景是透明的。也可以给 div 加一个背景颜色。既然可以设置背景颜色，那么当然也可以给这个 div 设计一个背景图片，就像这样。但是由于这个 div 已 …
#大有学问# #头条创作挑战赛#什么是CSS三角制作？是指使用CSS代码属性将盒子只显示出一个三角状的标志就是CSS三角制作。CSS三角制作的要点三角盒子的宽和高皆设置为零；通过设置盒子的边框属性值来决定盒子的大小。代码演示先设置一个大盒子divBox1，里面包含有多个小盒子box，对比不同属性值的盒子显示效果。大盒子的css样式：.divBox1 {wi …
微信ID：WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄（点击页底“阅读原文”下载源代码）● ● ●1、对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率；使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快；内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件；容易 …
新规矩来了：写样式也能像聊天一样做选择！过去写网页样式特别折腾。比如手机横屏竖屏要分别写，新版老版浏览器要分别调。现在好了，新版Chrome带来的`if`功能，让你在CSS里直接做选择题！像在代码里直接写："如果手机横着放，就这样排；竖着放，就那样排。" 简单明了，省心多了。以前调屏幕方向得这么写：```css 旧方法：分开两段写 @medi …
说到 CSS 颜色，相比大家都不会陌生，本文是我个人对 CSS 颜色体系的一个系统总结与学习，分享给大家。先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。接下来的行文内容大概会按照这个顺序进行，内容十分基础，可选择性跳到相应内容处阅读。色彩关键字嗯，色彩关键字很好理解。它表示一个具体的颜色值，且它不区分大小写。譬如这样 color:red的 …
提示：点击上方"蓝色字体"↑ 可以订阅噢！1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能 被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站 易 …