随笔分类 -  css&css预处理框架

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 漫思 阅读(648) 评论(0) 推荐(0) 编辑

继往开来的 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 漫思 阅读(246) 评论(0) 推荐(0) 编辑

运用 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 漫思 阅读(122) 评论(0) 推荐(0) 编辑

CSS in JS 简介
摘要:作者: 阮一峰 日期: 2017年4月 5日 1、 以前,网页开发有一个原则,叫做"关注点分离"(separation of concerns)。 它的意思是,各种技术只负责自己的领域,不要混合在一起,形成耦合。对于网页开发来说,主要是三种技术分离。 HTML 语言:负责网页的结构,又称语义层 CS 阅读全文

posted @ 2021-12-08 19:05 漫思 阅读(105) 评论(0) 推荐(0) 编辑

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 漫思 阅读(72) 评论(0) 推荐(0) 编辑

N 种仅仅使用 HTML/CSS 实现各类进度条的方式
摘要:N 种仅仅使用 HTML/CSS 实现各类进度条的方式 本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式,通过本文,你可能可以学会: 通过 HTML 标签 <meter> 创建进度条 通过 HTML 标签 <progress> 创建进度条 HTML 实现进度条的局限 阅读全文

posted @ 2021-11-07 14:05 漫思 阅读(444) 评论(0) 推荐(0) 编辑

less 所有子代兄弟元素
摘要:.root{ & > * + * { margin-left: 10px; } } 阅读全文

posted @ 2021-09-16 19:48 漫思 阅读(684) 评论(0) 推荐(0) 编辑

css – 关于LESS中嵌套直接后代的问题
摘要:所以我最近正在研究一些代码,并试图了解更多有关LESS的信息,而且有一件事我无法完全理解.我看到使用结构如下的东西: .class{ >*{ /*some css*/ } } 注意:> * {}嵌套在.class块中 我想知道这是做什么的,但有一些我不明白的事情. 我认为它在做什么:我假设它正在接受 阅读全文

posted @ 2021-09-16 19:47 漫思 阅读(635) 评论(0) 推荐(0) 编辑

精选!CSS 动画之工具、框架和教程
摘要:在这篇文章中,我们将不讨论使用 CSS 动画的好处,也不会谈论 JS 动画是否比 CSS 动画更快,而是与你分享一些 CSS 工具,框架和教程。它们将有助于缓解你在学习 CSS 动画中的困扰,并帮助你节省一些时间。 CSS 动画工具和框架 1. Animate.css Animate.css 是一个 阅读全文

posted @ 2021-07-07 20:31 漫思 阅读(225) 评论(0) 推荐(0) 编辑

解决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 漫思 阅读(1080) 评论(0) 推荐(0) 编辑

前端知识
摘要:1、右击菜单怎么弄 2、原生的js的cookie怎么弄 3、iframe的怎么获取 4、jquery 插件怎么实现闭包的概念 5、怎么实现table的懒加载 阅读全文

posted @ 2021-06-04 23:55 漫思 阅读(30) 评论(0) 推荐(0) 编辑

less使用总结
摘要:15年自学了 less ,可是一直没用,就忘记了。后来抱着提高 css 开发速度的目的,又去学习了 less ,学完马上用,效果立竿见影,记得也牢了。刚开始学习前,我们总会问自己一个问题,学习它有什么用。就拿这个 less 来说,学习它有什么用,分明就有了 css 用来编写样式,我还要花时间来研究 阅读全文

posted @ 2020-11-02 18:24 漫思 阅读(222) 评论(0) 推荐(0) 编辑

iview table 锁定列后,加载中不居中
摘要:iview table 锁定列后,加载中不居中。 添加下面的样式 .ivu-table-tip table td { width: 100% !important; } .ivu-spin-dot { display: block !important; } 阅读全文

posted @ 2020-11-02 17:15 漫思 阅读(244) 评论(0) 推荐(0) 编辑

展示三行然后显示......
摘要:.sanhang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 阅读全文

posted @ 2020-11-02 17:12 漫思 阅读(136) 评论(0) 推荐(0) 编辑

CSS文字超出省略
摘要:.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 阅读全文

posted @ 2020-10-18 11:54 漫思 阅读(233) 评论(0) 推荐(0) 编辑

实现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 漫思 阅读(257) 评论(0) 推荐(0) 编辑

实现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 漫思 阅读(144) 评论(0) 推荐(0) 编辑

css动画大全
摘要:https://www.cnblogs.com/binmengxue/category/798281.html 阅读全文

posted @ 2020-05-29 18:21 漫思 阅读(398) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示