使用 CSS 最困难的部分之一是处理CSS的权重值，它可以决定到底哪条规则会最终被应用，尤其是如果你想在 Bootstrap 这样的框架中覆盖其已有样式，更加显得麻烦。不过随着 CSS 层的引入，这一切都发生了变化。 这个新功能允许您创建自己的自定义 CSS 层，这是有史以来第一次确定所有 CSS 代码权重的层次结构。 在本文中，我将剖析这对您意味着什么，它是如何工作的，以及您今天如何开始使用它。

??前面给大家介绍了动画的基本使用，本文我们来实现一个动画的简单案例，效果如下

在这里插入图片描述

提示：点击上方"蓝色字体"↑ 可以订阅噢！

1.对WEB标准以及W3C的理解与认识

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能 被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站 易用性;

微信ID：WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄

（点击页底“阅读原文”下载源代码）

● ● ●

1、对WEB标准以及W3C的理解与认识

• 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率；

• 使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快；

从今天开始，我们开启《手把手搭建Vue3中后台框架》系列文章，这是一个我们已经在生产中实际使用的项目，技术栈是：

最近在做项目时，你是否也被浏览器默认样式搞得焦头烂额？不同浏览器对元素的边距、内边距的处理各不相同，导致页面在不同浏览器上表现不一致，这无疑增加了开发难度。今天，我们来聊聊前端开发中一个非常重要的概念：

但是在搜索经验的时候，发现很多网友给出的代码有缺失，不适合小白开发

所以，小小整理一番，欢迎指摘 …

操作步骤：

首先 html 设计效果如下：

对应的源码为：

 <div class="layui-form-item">
        <label class="layui-form-label">主题类型：</label>
            <div class="layui-input-inline" style="width: 660px">
                <input type="radio" name="level" lay-filter="levelM" value="1" title="一级分类" {$theme.level=="1"?"checked":""}>
                <input type="radio" name="level" lay-filter="levelM" value="2" title="二级分类" {$theme.level=="2"?"checked":""}>
                <input type="radio" name="level" lay-filter="levelM" value="3" title="三级分类" {$theme.level=="3"?"checked":""}>
            </div>
    </div>

上传、预览、下载图片是app常用的功能之一，一般的做法是建立一个图片存储服务器，再开发一个接收前端上传文件的后端服务，接收到前端上传的图片文件，然后再调用存储服务器的接口完成图片文件的存储。

现在阿里云提供了对象存储云服务（OSS），非常方便APP直接将图片等文件上传上去，并提供了多种浏览、下载的方式，不仅操作简单、而且效率高、速度快，本文介绍三种使用方式，希望能够让工程师少走弯路。

传统模式

这种方式只是把OSS作为文件存储体替代了自建存储器，上传逻辑和路径还是和传统的方式一致，后端服务给前端提供上传接口，在收到前端上传的文件后，再调用阿里云的OSS SDK的API将文件上传到阿里云的OSS存储桶中。

介绍

vuestic是基于Vue 3 的 开源免费UI 库，托管在Github上，基于 MIT 开源协议。是目前Github上为数不多的基于Vue3的开源组件库。

Github地址