css3中 @keyframe 的存在可以逐帧对页面操作，能很方便的创建各种动画效果，相对于js动画，css动画的代码更加简单，性能也更好，当然css动画也存在其局限性，难以控制，代码冗长及浏览器兼容问题，孰优孰劣不予判断。在此利用css3强大的动画效果来实现个简单的无缝自动轮播图 轮播图原理轮播图 ...

正如很多人了解到的一样，CSS并不能算是编程语言，而类似于HTML是一类标记语言，所以无论是开发还是维护都相当不友好，但是CSS预处理器（css preprocessor）的出现很好的解决了问题。CSS预处理器定义了新的编程语言来进行网页设计，然后编译为正常的CSS，极大的简化了CSS代码，使其可读 ...

因为不同浏览器的内核不尽相同，所以浏览器对页面的渲染也有一定差异，即浏览器对同一段代码有不同的解析，这就导致了浏览器兼容问题的出现，为了使页面在不同浏览器上呈现相同效果，较为简单的方法便是为部分代码添加前缀样式，来兼容不同浏览器。如果使用webstorm编辑器，我们可以在webstorm中配置aut ...

box-shadowbox-shadow 属性向元素添加阴影效果。1box-shadow: h-shadow v-shadow blur spread color inset; h-shadow：水平阴影的位置，可取正值或负值（必需）。 v-shadow：垂直阴影的位置，可取正值或负值（必需）。 ...

雪碧图雪碧图（spirt）是将页面所需的多个图像合并到同一张大图片上，然后利用css的背景定位来显示需要显示的图片部分。雪碧图可以减少http的请求，提升网页加载速度。较多应用在图标上，而背景及<img>标签设置的内容图片一般不使用雪碧图。 background-positionback ...

Markdown语法是一种适用于网络的书写语言，可以让文档的书写、阅读、修改更加方便，并且兼容HTML。 标题#加上空格再加上一段文字 可被定义为标题总共有六级标题123456# 一级标题## 二级标题### 三级标题#### 四级标题##### 五极标题###### 六级标题 引用>加空格再 ...

vertical-align设置元素相对于该元素所在行的垂直对齐方式。当元素为inline或inline-block 时vertical-align属性才会起作用。 vertical-align属性 baseline：默认 元素放置在父元素的基线上。 sub：对齐父元素文本下标。 super：对齐 ...

线性渐变向下/向上/向左/向右/对角/其他方向。 上下、左右、对角1234background: -webkit-linear-gradient( direction, color1, color2, ...);background: -o-linear-gradient( direction, c ...

displaydisplay 属性规定元素的盒类型。每个元素都有默认的 display 值，可以通过修改元素的盒类型来改变元素的部分属性与在页面中的布局方式。可取的值： nonedisplay:none 可将元素隐藏。元素将不被显示并且不占据任何空间（脱离文档流）。 blockdisplay:blo ...

github是一个基于git的代码托管平台，可以将自己的项目放到github上，也可以很轻松的fork别人的开源项目，将项目clone到本地，甚至参与进别人的开源项目中，在此简单记录一下代码上传至github的相关操作，方便需要时参考。 一、github账户注册、新建仓库首先是注册github账户， ...