效果图展示 代码部分 代码说明、注解 使用了 CSS 的一些属性： :after 伪类 position 定位 border-radius 圆角边框 linear-gradient 背景颜色渐变 di

场景：只能进行水平的居中，且对浮动元素或绝对定位元素无效。 场景：只能对图片，按钮，文字等行内元素(display为inline或inline-block等)进行水平居中。但要说明的是在IE6、7这两个奇葩的浏览器中，它是能对任何元素进行水平居中的。 场景：适用于只有一行文字的…

在这个话题中主要整理了有关于 CSS 方面的特性，并且尽可能的整理了一些大家现在能用或过不了多久就能用的属性。另外，虽然标题是“新特性”，但其中有蛮多特性并不是“新”，可能已经出现在你的项目中

布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…

重学CSS系列,CSS的基本构建,虽然现在很多前端js都很厉害，vue，react用的飞起，但是涉及到css就很头大，所以加强重学一下css还是很有必要的，因为页面做的好不好看就看css的啦

「列举一下效果」 设置input的placeholder的字体样式 单行和多行文本超出省略号 负边距使用技巧 定位同时设置方位情况 相邻兄弟选择器之常用场景 outline属性的妙用技巧 隐藏滚动条或

看见美好的事物，还是会很喜欢！今天在设置手机壁纸时，看见有个炫酷的时间轮盘，觉得挺好看的。于是想自己来实现一下

1. less 简介 2. 嵌套规则 3. 变量 4. 混合（mixins） 只有一个值，把值赋给第一个，两个值，赋给第一个和第二个...... 5. 运算 6. 命名空间 7. 引入 8. !important 9. 条件表达式 10. 循环 11. 合并属性 12. 函数库