css、sass
关注
分享
扫一扫
文章平均质量分 91
css、sass/scss
jcLee95
CSDN博客专家、全栈优质作者。阿里云专家博主，华为云·云享专家，出版社签约作者。华为云开发社区组织2023年度核心贡献者。当前主要兴趣领域为，Flutter、HarmonyOS、Webassembly+Rust、electron。熟悉Python、PowerShell、Node及前端开发等。
展开
-
原子化 CSS 实践
原子化 CSS 实践。原创 2023-02-23 15:59:49 · 1300 阅读 · 2 评论 -
CSS弹性盒子（flexbox）实用指南
flex box and css alignment.原创 2023-01-03 15:02:36 · 728 阅读 · 0 评论 -
【正在完善】CSS 计数器详解与巧用
CSS 计数器李俊才 的 CSDN 博客邮箱 ：291148484@163.comCSDN 主页：https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343本文地址：https://blog.csdn.net/qq_28550263/article/details/123934458目 录1. CSS 计数器简介1.1 什么是CSS计数器1.2 CSS计数器样式1. CSS 计数器简介1.1 什么是CSS计数器计数器本原创 2022-04-03 23:57:11 · 396 阅读 · 0 评论 -
【正在完善】高级CSS特效解析其示范案例
CSS 高级图像特效Jack Lee 的 CSDN 博客邮箱 ：291148484@163.comCSDN 主页：https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343本文地址：https://blog.csdn.net/qq_28550263/article/details/123800989目 录原创 2022-04-03 20:36:47 · 1121 阅读 · 0 评论 -
基于 CSS 的变换与动画技术
基于 CSS 的变换与动画技术Jack Lee 的 CSDN 博客邮箱 ：291148484@163.comCSDN 主页：https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343本文地址：https://blog.csdn.net/qq_28550263/article/details/123649691相关文章推荐：vue3 中使用动画技术目 录1. 概述2. 二维变换2.1 原点变换2.2 平移变换2.3原创 2022-03-26 20:25:58 · 996 阅读 · 0 评论 -
sass笔记 - 实战中颜色的玩法总结
sass实战 - 规范化颜色处理这篇文章是针对自己封装UI组件库的读者的，旨在为项目提供通用的颜色方案本文需要读者拥有CSS、SASS/SCSS相关基础知识。李俊才 的 CSDN 博客CSDN 主页：https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343邮箱 ：291148484@163.com本文地址：https://blog.csdn.net/qq_28550263/article/details/123350343相关文章推原创 2022-03-18 22:15:31 · 719 阅读 · 0 评论 -
【web组件库系列】封装自己的字体图标库
封装自己的web字体图标库CSDN：jcLee95邮箱 ：291148484@163.com本文地址：https://blog.csdn.net/qq_28550263/article/details/123492756相关文章推荐：flutter中使用图标（含自定义图标图）：https://blog.csdn.net/qq_28550263/article/details/123309530目 录1. 字体图标简介1.1 什么是字体图标1.2 字体图的特点2. 绘制或下原创 2022-03-18 15:47:56 · 1291 阅读 · 0 评论 -
Vue中使用纯CSS实现全屏网格加渐变色背景布局
假设你已经在Node.js后端创建了一个基本的vue项目框架，如果不会的话可以先参考这篇文章：https://blog.csdn.net/qq_28550263/article/details/117408874。现在，我们先看一看项目结构：接下来我们就在App.vue中，随页面背景进行更改。我们需要在<template></template>下建立两个div，一个用于绘制网格，另一个用于绘制渐变背景色：<!--这里是第一层div，用来放网格--><原创 2021-05-31 04:09:46 · 3831 阅读 · 3 评论 -
sass 自定义函数
sass 自定义函数jcLee95 的 CSDN 博客CSDN 主页：https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343邮箱 ：291148484@163.com本文地址：https://blog.csdn.net/qq_28550263/article/details/123350343相关文章推荐：Sass 预定义函数总结sass 混入（mixin）目 录1. Sass函数的概念2. Sass函数 与 Sass混原创 2022-03-10 10:59:55 · 2737 阅读 · 0 评论 -
Sass 内置函数总结
Sass 预定义函数总结作者： 李俊才邮箱 ：291148484@163.comCSDN 主页：https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343本文地址：https://blog.csdn.net/qq_28550263/article/details/123350343目 录1. Sass 字符串相关函数函数描述quote(string)给字符串添加引号。str-index(string, s原创 2022-03-09 12:35:02 · 1208 阅读 · 2 评论 -
sass 混入 （@mixin 与 @include的使用）
sass 混入作者： 李俊才邮箱 ：291148484@163.comCSDN 主页：https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343本文地址：https://blog.csdn.net/qq_28550263/article/details/123350343目 录[1. 混入的概念](#1)1. 混入的概念在传统的普通CSS语法中，为了描述某个目标的样式我们需要对我们选择的目标分别描述他们的样式，很多时候我们的工作是原创 2022-03-08 14:23:36 · 1492 阅读 · 2 评论 -
从入门到项目实战 - vue 中使用动画技术
vue3 中使用动画技术vue 中的相关基础知识处理过渡和动画的内置组件组件名描述Transition用于在元素或组件进入和离开 DOM 时应用动画。TransitionGroup用于在将元素或组件插入列表、从列表删除 或 在v-for列表中移动 时应用动画。Transition作为VUE内置组件，可以在任何VUE组件的模板中使用，而无需注册它。触发方式：1) 通过条件渲染 （v-if）；2) 通过条件显示 （v-show）3) 通过特殊元素切换动.原创 2022-02-13 16:54:23 · 4641 阅读 · 2 评论 -
玩转CSS盒子之 三角形盒子
[CSS] 漂亮的CSS盒子（1）CSDN用户名：jcLee95邮箱：291148484@163.com原创不易，感谢点赞支持。【例1】：设置各边框的颜色#mydiv{ width: 40px; height: 40px; background-color: red; // 盒子背景颜色 border: 10px solid; // 盒子边框宽度、线型 border-top-color: blue;原创 2021-07-12 11:58:59 · 838 阅读 · 0 评论 -
使用CSS实现网格+渐变背景色的Web页面背景
使用CSS实现网格+渐变背景色的Web页面背景CSDN：jcLee95邮箱：291148484@163.com【提示】：本文中’Out[]:'代表代码对应的运行结果。先建立一个html架子：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>纯CSS实现网格+渐变背景色的Web页面背景</title>原创 2021-05-30 23:12:30 · 1489 阅读 · 1 评论 -
【web组件库系列】纯CSS实现典型网页数据分页器
使用CSS实现分页器CSDN：jcLee95邮箱：291148484@163.com【提示】：本文中’Out[]:'代表代码对应的运行结果。1. 基本实现将分页器看作是一个无序列表，页面项看作是无序列表项目，则一个最原始的分页器（不带样式）实现如下：<ul class="pager"> <li><a href="#">«</a></li> <li><a href="#">1</a></原创 2021-05-19 01:53:53 · 986 阅读 · 0 评论