CARDS主题 & 导航栏样式修改
首先，在浏览器中利用开发者工具进行调试，找到我们所要改动的那部分结构，写入css样式，调试出我们所想得到的结果并记住所对应的样式选择器。其次，我们需要在cards主题中找到拥有这些样式选择器的模块，修改代码，写入我们刚刚调试过的代码，最后执行清理、部署、运行即可。
HEXO & CARDS主题进阶配置
在默认的card主题之上，我设置了标签、分类、搜索、夜间模式、页面目录、footer部分以及延伸引入rss订阅,那么第二步要进行的是进一步丰富主题的功能和样式
- 为文章添加缩略图
- 可选择创建折叠文本样式
- 文章置顶设置
- 添加字数统计和阅读时长功能
HEXO & 给博客添加RSS
Hexo是一个简洁、高效、易用的博客框架，同时它拥有十分丰富的主题环境，本次我们所谈到的是cards主题，但是该主题的原生环境里没有相关的rss配置，所以我们需要采用手动添加的方式，进而实现rss功能的添加 安装feed插件cnpm install hexo-generator-feed
何为flex布局？
简介：flex 是一个CSS的display 属性中新添加一个值。 随着inline-flex的使用，它将使它适用的元素成为一个flex container（伸缩容器），而这个元素的每个子元素将成为 flex item（伸缩项目）。 伸缩项目将参与到flex布局中，所有由CSS Flexible Box Layout Module（CSS伸缩盒布局模型）定义的属性都能被它们使用 主轴:默认情况下，主轴是x轴，侧轴是y轴，项目则排列在主轴方向上 flex 属性是flex-grow, flex-shrink 和 fle...
全面了解transform属性
transform取值 none：默认值，即是无转换 matrix(,,,,,)：以一个含六值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换，相当于直接应用一个[a,b,c,d,e,f]变换矩阵 translate([,...
CSS3 resize属性
语法： resize：none | both | horizontal | vertical 默认值：none 适用于：所有设置了overflow除了visible之外的元素 继承性：无 说明： 设置或检索对象的区域是否允许用户缩放，调节元素尺寸大小。如果希望此属性生效，需要设置对象的overflow属性，值可以是auto,hidden或scroll。对应的脚本特性为resize。 ...
利用伪类选择器:target制作多Tab切换效果
:target CSS 伪类 代表一个唯一的页面元素(目标元素)，其ID与当前URL片段匹配 12<a href="#leftBox">模块一</a>
CSS3综合案例三
仿天猫专题栏过渡效果实例需求 鼠标移入商品栏时，增加透明度 鼠标移入商品栏时，商品主图向左偏移几许，缓缓过渡
CSS3综合案例二
旧样式，仿天猫商品过渡效果实例需求 商品被包裹在圆形的底环下，为此要制作一个底环 当鼠标移入商品栏时，边距凸显红色 当鼠标移入商品栏时，图片变得透明几许 当鼠标移入商品栏时，商品主图过渡...
CSS3综合案例一
制作鼠标悬停，画面比例放大的效果实例需求 鼠标移入，画面扩大一定比例，移出则回归原态 画面扩大的过程要平滑进行