一、MySQL语句规范：

1.关键字、函数名全部大写；

2.数据库名、表名、字段名一律小写；

3.SQL语句必须以分号结尾。

二、MySQL常用命令：

1.显示当前数据库版本

SELECT VERSION();

2.显示当前时间:

SELECT NOW();

3.显示当前用户：

最近自学数据库，在Win7系统下使用MySQL遇到了一些报错，做个记录，方便以后查阅。

MySQL官网下载的MySQL 5.5.56的社区版，安装正常。当我在命令行输入mysql -u root -p 出现了报错信息，无法连接数据库。

一、 苹果手机的Safari浏览器不兼容 new Date()日期转换格式的坑

做Web项目的开发，倒计时是个很常见的需求。我的需求是做一个演唱会门票开售时间的倒计时。

之前写了一篇文章，介绍了基于CSS渐变来实现切角效果的方法。今天再来介绍另一种方法，即使用border-image+SVG的方式来实现切角效果。

border-image的工作原理

给一个元素设置边框，我们会使用border这个属性。border是border-width、border-style、border-color等3个属性的简写形式。

扁平化设计风格中，很流行斜面切角，即把元素的一个或多个角切成45度的缺口。大多数网页开发者倾向于使用背景图片来实现切角效果。但使用背景图片会增加额外的HTTP请求，增加网页加载的时间，难以修改和维护。实际上，CSS已经足够强大，可以提供纯CSS的解决方案，我们仅用CSS代码就能实现切角效果。

在网页设计中，我们常常能够看到被裁切成菱形的图片。

传统的实现方式是预先在图像处理软件中把图片裁切好，当然这种方式的可维护性差。

1.平行四边形

普通的网页元素是矩形的。但有时候，我们需要创建可以传达出一种动感的形状，比如平行四边形。

说到倾斜，我们会想到使用transform属性的skew()方法来对普通的矩形元素进行斜向拉伸。

1. border-radius

border-radius 可以为元素添加圆角边框，比如 按钮。

2. 兼容性： IE9+以上都很好地能够兼容 border-radius

3. border-radius 绘制圆形

如果我们给一个正方形的元素设置一个足够大的border-radius值（只要大于等于正方形边长的一半）的话，就可以被这个元素变成圆形。 但考虑到元素的高宽可能不是固定的，那么，我们可以设置百分比，这个百分比是基于元素的尺寸大小来解析的。当我们给一个正方形的元素设置border-radius：50%时，我们会得到一个自适应的圆形。

用CSS实现页面或图片翻转的动画效果

Web开发中常常会有动画的交互效果，以前我们只能用JavaScript来实现，随着浏览器对CSS3新特性的支持度越来越好，很多的特效都可以通过CSS代码来实现。

1.CSS

CSS层叠样式表(Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。