深圳幻海软件技术有限公司

1.继承css的继承：就是给父级设置一些属性，子级继承了父级的该属性，这就是我们css中的继承。官方的解释，继承是一种规则，它允许样式不仅应用于特定的html标签元素，而且应用于其后代元素。a.有继承的属性1.字体系列属性font:组合字体font-family:规定元素的字体系列font-weig

BEM是一种CSS命名规范。BEM代表“块（block），元素（element），修饰符（modifier）”。好处：摆脱特异性的困扰修复继承问题停止担心命名在选择器中，由以下三种符号来表示扩展的关系：中划线：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接记号。__双下划线：双下划线用

概述webpack的使用中我们会遇到各种各样的插件、loader。webpack的功力主要体现在能理解各个插件、loader的数量上。理解的越多功力越深loader是什么呢？背景了解loader前，我们在来看个问题，有了前面的基础我们还是用个简单的样例来说明由于一切都是模块，我们想用jsimport

react脚手架创建几种方式nodev16.17.0npm8.15.0yarn3.2.3vite3.1.3配置less-loadernpm首先通过npm方式全局安装create-react-appnpminstall-gcreate-react-app查看是否安装完成create-react-app

在实际开发中，我们可以使用VSCode、WebStrom进行代码的编写，但是，如果我们为了提高工作效果，我们还需要借助一些小工具，像今天这些CSS代码生成器就是这样的小工具，我在这里跟大家分享了9个小工具，希望对你有用。1.ColorZilla网址：https://www.colorzilla.co

大家好，我是CUGGZ。在CSS中，有些选择器会比其他选择器执行速度更快。下面就来深入研究CSS选择器的性能真相，看看如何编写CSS选择器才能更快地执行！幕后编写CSS选择器的方式会影响浏览器如何渲染页面。每当页面发生变化时，运行它的浏览器引擎需要查看新的DOM树，并确定如何根据可用的CSS样式表对

大家好，我是CUGGZ。最近在看caniuse.com时发现，Chrome和Edge浏览器将在109版本实验性支持CSS原生嵌套语法！1月10日，Chrome109发布；1月26日，Safari技术预览版162发布。这两个浏览器版本都带来了CSS嵌套的实验性支持。Chrome官方指出，添加将CSS样

众所周知，函数节流（throttle）是JS中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。举个例子：一个保存按钮，为了避免重复提交或者服务器考虑，往往需要对点击行为做一定的限制，比如只允许每300ms提交一次，这时候我想大部分同学都会到网上直接拷贝一段throttle函数，或者直接引用

这篇笔记聊聊新手学完HTML、CSS定位、Flex、选择器等等基础知识以后，可以做什么项目来做练习这个问题群里很多朋友问过我：“我要做什么项目才能练习到相关的知识点？”其实这个问题比较难回答，因为我不知道你现在会什么，如果推荐的项目太难，那你肯定写不下去；如果推荐的项目太简单，也没啥意思。所以大家在

你将收获网站换肤设计方案介绍target伪类介绍和用法以及如何使用css实现网站换肤transition动画以及如何用纯css实现焦点图动画效果展示1.网站换肤2.焦点图动画实现思路1.网站换肤通常我们实现网站换肤都基于如下方式实现:方案一:使用OOCSS模式,通过js动态切换公共类名来达到换肤效果

今天，要介绍一种基于CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张PNG/SVG得到它的反向切图事情的经过是这样的，某天，我们拿到了这样一张PNG/SVG图片：这是一张PNG图，灰

最近在项目中碰到一个这样的角标设计，如下：设计稿像这种可以文字可变化，自适应大小的布局，自然首选CSS了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两部分，一个圆角矩形和一个三角形圆角矩形和三角形假设HTML是这样的。复制<tag>审核为通过</tag&

通常要做一个时钟，肯定离不开JS定时器。今天换一种思路，用CSS来实现一个时钟，如下：你也可以访问这个CSStime(codepen.io)[1]查看实际效果。当然借用了一点点JS用于初始化时间，整个时钟的运行都是由CSS完成的，有很多你可能不知道的小技巧，一起看看吧。一、数字的变换先看看数字是如何

在CSS中，其实存在各种各样的函数。具体分为：Transformfunctions[1]Mathfunctions[2]Filterfunctions[3]Colorfunctions[4]Imagefunctions[5]Counterfunctions[6]Fontfunctions[7]Sha

大家好，我进阶学习者。一、前言小编之前带着大家一起做过一个python版的搜索引擎，今天带大家做一个JavaScript版的搜索引擎。二、准备工具360浏览器，sublimetext3编辑器，仅此而已。三、实现结果我们来看下实现结果，如图：我们只需要输入关键字即可出现相应10条匹配结果，如果我们点击

简短的概括：发现问题：项目中css代码痛点复制.mock{margin:auto;font-size:16px;//...}<divclass='mock'>mock</div>1.2.3.4.5.6.以上代码就是举个例子，大部分情况应该都是写一个类，然后整一堆样式进去。这种

写在前面我们知道webpack其实不仅是javascript模块打包工具，更是整个前端项目即前端工程的模块打包工具，可以通过webpack去管理前端项目中任意类型的资源文件。如何加载资源模块首先，我们在项目的src目录下添加一个样式文件main.css。目录结构如下：复制|--03-loader&n

本文利用CSS@property来实现一些有意思的(但可能没什么用的)事情。渐变动画的历史我们都知道，在之前，我们想实现渐变的动画，其实是非常复杂甚至是做不到的。例如，从下图A状态，到B状态：复制<div></div> 1.复制div { &nb

【51CTO.com快译】作为一种简单的语言，CSS虽然能够在不需要特殊编辑器的情况下，即可完成代码的编写，但是不可否认的是：如果拥有合适的代码编辑器，开发者将能够在编写CSS代码时，将错误最小化，并在总体上提高自身的效率。在实际工作中，我们往往能够看到：一些资深的开发人员拥有着自己的一套得心应手的

引言图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的base64编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的base64编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的base64编码，为什么我们要用它，我们如何使用并且方便的使用它，并让你懂得如何去