# 前言

讲讲布局，传统的布局，是基于盒子模型，依赖 display + position + float属性。它对于特殊的布局非常不方便，如：垂直居中。

Flex 布局是 W3C 在 2009 年提出的新方案，可以简便、完整、响应式地实现各种页面布局。已经得到所有浏览器的支持。是未来布局的首选方案。下面就跟大家介绍Flex布局。

# 前言

重新学习CSS后的第三天，学习制作阴影的过程中，发现的问题： 设置了box-shadow后展现的阴影：

添加transform:rotate(10deg);后的效果：

查看CodePen例子：阴影效果

一脸懵逼！再修改z-index完全没有效果。

百度之后，找到了问题的答案，也自己摸索着找到了这个问题的解决办法。下面与大家分享。

# 前言

在重新学习css，做自己的学习demo时，设置一堆div在一行显示，呈现对比。

结果如图，设置了display:inline-block之后，出现了部分下沉现象。 改为float之后，又恢复正常对齐。

不过，很快就得到了解决。于是，就写了这篇关于inline-block问题的文章，包含了以前分享过的间距问题，在这里与大家分享。

# 前言

重拾css后的文章，在观看了慕课网上的视频《重拾CSS的乐趣》中，看到了一些有意思的css效果。想起当初自己初学CSS3时画的哆啦A梦，总结了一番css制作的各种图形。渐变效果是在实现弧边三角的时候学习的。

分享一下CodePen中的代码效果： 弧形demo 三角形demo 多重边框demo

# 前言

这是一款个人特别喜欢的编辑器，用来写前端代码。特别棒的是最新版本的文件栏中，中文不再出现乱码

本文主要是为自己做笔记以及备份的，介绍自己使用的sublime text插件。希望对大家也有所帮助。

官网地址：Sublime Text