最新 最热

webpack教程:如何从头开始设置 webpack 5

最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。

2020-11-24
1

Node Sass 弃用,以 Dart Sass 代替

就在今天,Sass 官方团队正式宣布 Libsass 将弃用,以及基于它的 Node Sass 和 SassC,并且建议用户使用 Dart Sass。

2020-11-09
0

CSS 中calc()的完整指南(一)

CSS tricks上有一系列的完整指南文章,我后面会翻译这些内容,更新不会一下子完成,而是会分成几个,防止自己因看到文章过长而放弃翻译。

2020-11-04
0

CSS 预编译语言 Sass 快速入门教程

CSS 作为一门样式语言,语法简单,易于上手,但是由于不具备常规编程语言提供的变量、函数、继承等机制,因此很容易写出大量没有逻辑、难以复用和扩展的代码,在日常开发使用中,如果没有完善的编码规范,编写的 CSS 代码会非常冗...

2020-10-30
0

在 Laravel 项目中使用 Bootstrap 框架

如官方文档所言,Laravel 并不强制你使用 CSS 框架,但是开箱提供了对 Bootstrap 的支持,在 resources/js/bootstrap.js(在 Laravel 5.7 之前的版本位于 resources/assets/js/bootstrap.js)中,我们可以看到对 bootstrap js库....

2020-10-30
0

SASS第十篇 层级结构

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>/*.father{ width: 300px; height: 300px; background: red;......

2020-10-28
0

SASS第九篇 @import

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>/*@import "06";/*加后缀与不加一样,这个相当于@mixin center(){ position: ......

2020-10-28
0

SASS第十一篇 继承

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style> /*继承是通过并集选择器, 不会拷贝只会保留一份*/ /* .center { ......

2020-10-28
0

SASS第七篇 SASS中带参数混合

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>/*scss代码,如下*//*@mixin whc($w:100px,$h:100px,$c:#000){......

2020-10-28
0

SASS第一篇 认识它

less以.less结尾.sass以.sass或者.scss结尾.两种不同结尾方式区别: .sass结尾以缩进替代{}表示层级结构, 语句后面不用编写分号 .scss以{}表示层级结构, 语句后面需要写分号 ...

2020-10-28
0