CSS 网络安全字体
摘要：转载来自 https://www.w3school.com.cn/cssref/css_websafe_fonts.asp CSS 网络安全字体 CSS 动画相关属性 CSS 字体回退 适用于 HTML 和 CSS 的最佳 Web 安全字体 下面列出了适用于 HTM L和 CSS 的最佳 Web 安
阅读全文
posted @ 2022-02-22 12:08
随笔分类 - css&css预处理框架
继往开来的 sass 3 代编译器：ruby sass、node-sass、dart-sass
摘要：继往开来的 sass 3 代编译器：ruby sass、node-sass、dart-sass 神说要有光 编译爱好者，前端工程师，维护【神光的编程秘籍】公宗号 关注他 8 人赞同了该文章 为了简化样式的描述，浏览器设计了 css 作为 DSL（领域特定语言）。css 写起来简单，但在很多方面
阅读全文
posted @ 2022-01-12 18:45
运用 CSS in JS 实现模块化
摘要：运用 CSS in JS 实现模块化 一、什么是 CSS in JS# 上图来源：https://2019.stateofcss.com/technologies/ CSS in JS 是2014年推出的一种设计模式，它的核心思想是把 CSS 直接写到各自组件中，而不是单独的样式文件里。 CSS i
阅读全文
posted @ 2021-12-08 19:06
CSS in JS 简介
摘要：作者： 阮一峰 日期： 2017年4月 5日 1、 以前，网页开发有一个原则，叫做"关注点分离"（separation of concerns）。 它的意思是，各种技术只负责自己的领域，不要混合在一起，形成耦合。对于网页开发来说，主要是三种技术分离。 HTML 语言：负责网页的结构，又称语义层 CS
阅读全文
posted @ 2021-12-08 19:05
CSS in JS的好与坏
摘要：CSS in JS的好与坏 进击的大葱 JavaScripter and Gopher 103 人赞同了该文章 是什么 CSS-in-JS是一种技术（technique），而不是一个具体的库实现（library）。简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面，而不
阅读全文
posted @ 2021-12-08 19:04
N 种仅仅使用 HTML/CSS 实现各类进度条的方式
摘要：N 种仅仅使用 HTML/CSS 实现各类进度条的方式 本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会： 通过 HTML 标签 <meter> 创建进度条 通过 HTML 标签 <progress> 创建进度条 HTML 实现进度条的局限
阅读全文
posted @ 2021-11-07 14:05
less 所有子代兄弟元素
摘要：.root{ & > * + * { margin-left: 10px; } }
阅读全文
posted @ 2021-09-16 19:48
css – 关于LESS中嵌套直接后代的问题
摘要：所以我最近正在研究一些代码,并试图了解更多有关LESS的信息,而且有一件事我无法完全理解.我看到使用结构如下的东西： .class{ >*{ /*some css*/ } } 注意：> * {}嵌套在.class块中 我想知道这是做什么的,但有一些我不明白的事情. 我认为它在做什么：我假设它正在接受
阅读全文
posted @ 2021-09-16 19:47
精选！CSS 动画之工具、框架和教程
摘要：在这篇文章中，我们将不讨论使用 CSS 动画的好处，也不会谈论 JS 动画是否比 CSS 动画更快，而是与你分享一些 CSS 工具，框架和教程。它们将有助于缓解你在学习 CSS 动画中的困扰，并帮助你节省一些时间。 CSS 动画工具和框架 1. Animate.css Animate.css 是一个
阅读全文
posted @ 2021-07-07 20:31
解决flex布局中 space-between方法的排版问题
摘要：flex布局中 justify-content: space-between方法的排版问题 flex给我们的布局带来了很大的方便 ，但有时候也会碰到一些问题，比如space-between最后一行元素的排列问题 问题：假如我们有8个元素 <ul> <li>1</li> <li>2</li> <li>
阅读全文
posted @ 2021-07-03 16:41
前端知识
摘要：1、右击菜单怎么弄 2、原生的js的cookie怎么弄 3、iframe的怎么获取 4、jquery 插件怎么实现闭包的概念 5、怎么实现table的懒加载
阅读全文
posted @ 2021-06-04 23:55
less使用总结
摘要：15年自学了 less ，可是一直没用，就忘记了。后来抱着提高 css 开发速度的目的，又去学习了 less ，学完马上用，效果立竿见影，记得也牢了。刚开始学习前，我们总会问自己一个问题，学习它有什么用。就拿这个 less 来说，学习它有什么用，分明就有了 css 用来编写样式，我还要花时间来研究
阅读全文
posted @ 2020-11-02 18:24
iview table 锁定列后，加载中不居中
摘要：iview table 锁定列后，加载中不居中。 添加下面的样式 .ivu-table-tip table td { width: 100% !important; } .ivu-spin-dot { display: block !important; }
阅读全文
posted @ 2020-11-02 17:15
展示三行然后显示......
摘要：.sanhang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
阅读全文
posted @ 2020-11-02 17:12
CSS文字超出省略
摘要：.ellipsis { white-space:nowrap； overflow:hidden； text-overflow:ellipsis； }
阅读全文
posted @ 2020-10-18 11:54
实现div里的img图片水平垂直居中
摘要：body结构 1 2 3 4 5 <body> <div> <img src="1.jpg" alt="haha"> </div> </body> 方法一： 将display设置成table-cell，然后水平居中设置text-align为center，垂直居中设置vertical-align为mi
阅读全文
posted @ 2020-10-16 14:10
实现div里的img图片水平垂直居中
摘要：body结构 <body> <div> <img src="1.jpg" alt="haha"> </div> </body> 1 2 3 4 5 方法一：将display设置成table-cell，然后水平居中设置text-align为center，垂直居中设置vertical-align为mid
阅读全文
posted @ 2020-10-16 14:09
css动画大全
摘要：https://www.cnblogs.com/binmengxue/category/798281.html
阅读全文
posted @ 2020-05-29 18:21
Sass和less的区别是什么？用哪个好
摘要：什么是Sass和Less？ Sass和Less都属于CSS预处理器，那什么是 CSS 预处理器呢？ CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。 转化成通俗易
阅读全文
posted @ 2020-05-13 14:27
Sass-颜色运算
摘要：所有算数运算都支持颜色值，并且是分段运算的。也就是说，红、绿和蓝各颜色分段单独进行运算。如： p { color: #010203 + #040506; } 计算公式为 01 + 04 = 05、02 + 05 = 07 和 03 + 06 = 09， 并且被合成为： 如此编译出来的 CSS 为：
阅读全文
posted @ 2020-03-31 13:56
浙公网安备 33010602011771号