lucky

Bootstrap4 输入框组我们可以使用 .input-group 类来向表单输入框中添加更多的样式，如图标、文本或者按钮。使用 .input-group-prepend 类可以在输入框的的前面添加文本信息， .input-group-

2020-08-16 Bootstrap4 学习笔记

输入框组

Bootstrap4 进度条进度条可以显示用户任务的完成过程。创建一个基本的进度条的步骤如下：添加一个带有 .progress 类的。接着，在上面的内，添加一个带有 class .progress-bar 的空的。添加一

2020-08-16 Bootstrap4 学习笔记

进度条

Bootstrap4 面包屑导航（Breadcrumb）面包屑导航是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置，是在用户界面中的一种导航辅助。 Bootstra

2020-08-16 Bootstrap4 学习笔记

面包屑导航

Bootstrap4 颜色Bootstrap 4 提供了一些有代表意义的颜色类：**.text-muted**, .text-primary, .text-success, .text-info, .text-warning, .text-

2020-08-16 Bootstrap4 学习笔记

颜色

这篇文章包含两个部分，第一部分是个CSS预编译器：Sass、Less、Stylus，他们之间的对比，第二部分是现在大火的PostCSS。为什么会出现CSS预编译器这个东西呢？这就要谈到CSS的不足了：没有变量(新的规范已经支持了)，不支持

2020-08-16 css

css预编译器

Source map?.Map文件是什么常见的源码转换，主要是以下三种情况： 1.压缩，减小体积。比如jQuery 1.9的源码，压缩前是252KB，压缩后是32KB。 2.多个文件合并，减少HTTP请求数。

2020-08-16 css

source map

工具-Typora常用语法 Markdown（MD）作为目前互联网写作相当流行的一种文档撰写语言格式，深受互联网编辑者的喜爱，由此周边一些基于MD的编辑工具也随之油然而生。作为一款免费的MD编辑器： Typora极简、跨平台、且十分直观

2020-08-16 typora

Markdown语法笔记

Bootstrap 4实用程序（源自W3schools）Bootstrap 4具有许多实用程序/帮助程序类，可在不使用任何CSS代码的情况下快速设置元素的样式。边框使用这些border类来添加或删除元素的边框： <span cla

2020-08-16 Bootstrap4 学习笔记

Bootstrap常用样式手册

Bootstrap 4 Flex（弹性）布局Bootstrap 4 通过 flex 类来控制页面的布局。弹性盒子(flexbox)Bootstrap 3 与 Bootstrap 4 最大的区别就是 Bootstrap 4 使用弹性盒子来布

2020-08-16 Bootstrap4 学习笔记

布局

1.栅格系统 Bootstrap是基于移动优先的原则开发的，使用了一系列的媒体查询（media queries）方法，为我们的布局和界面创建自适应的的分界点。这些分界点主要是基于视口宽度的最小值，并且当窗口视图改变的时候允许

2020-08-16 前端 Bootstrap

栅格系统混合布局

1.安装必备环境假定你已经有了hexo的一些环境，比如npm，node等我的个人环境如下： $ node -v v12.18.3 $ npm -v 6.14.6 本人博客的主题为： hexo-theme-matery 2.安装模块

2020-08-13 hexo博客配置

live2D

安装hexoHexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。前提安装 Hexo 相当简单，只需要先安装下列应用程序即可： Node.js

2020-08-13 hexo博客配置

matery主题优化