CSS3能达到渐变的效果，而不用再大费周章的用JS来实现效果了，这点实际上是非常方便的……

比如说：

div
{
width:100px;
transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari 和 Chrome */
-o-transition: width 2s; /* Opera */
}

- 阅读剩余部分 -

目前在山寨百度首页，于是乎就用各种三角，实际上，在前一阵子（考试前）仿照自己博客样式的时候（xsky.me），也曾经折腾过三角形，所以这次来总结（备份）一下。

    height: 0;
    width: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border-color: #000 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    border-width: 5px;

在此，border-width决定了三角形的大小，具体发生了什么，可以参考：三种纯CSS实现三角形的方法，里面介绍了三种，而我只是用了其中的一种。

决定了三角形方向的是由border-color定义来的，transparent的一侧为透明。

如果想要规定a标签以外的，比如增加点击事件，可以大家怎么知道这货可不可以点，一般来说，一是做成按钮样式，而是改变鼠标放置Play时的样式咯，这样大家就知道，哦这货八成可以点。

用cursor就能改变鼠标样式了。

cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并被支持。
cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。
cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。

- 阅读剩余部分 -

float脱离文本流，可是为什么文字却会有环绕的效果，这点实在是神奇，于是乎就去问了师匠：

Normal flow is the way that elements are displayed in a web page in most circumstances. All elements in HTML are inside boxes which are either inline boxes or block boxes.

float其实是脱离了常规流，当然这么说肯定是听不懂的啦，我们来看一个示例：http://test.codesky.me/text-round.html

- 阅读剩余部分 -

前面讲到了故事背景，然后就让副部也写一个，结果比我强，稍微解读了一下代码

演示

在此我们来研究一下，这样段的代码里都发生了些什么。

居中不多说margin: 0 auto;是惯例，换个方式写罢了。

- 阅读剩余部分 -

前几天想着练练透明度，结果从此踏上了各种不归路。

先简单的扯两句透明度吧：
background: rgba(255, 255, 255, 0.3);

这里的最后一个就是透明度啦，满值为1，表示不透明 0代表完全透明。

- 阅读剩余部分 -

昨天看完布局，hostker正好有个页面需要用布局，心想：嘿，练手的机会到了。

于是乎就写了起来，当然还是写了好久，不禁吐槽布局什么的看来又是白学了。

刚开始的时候使用flex，因为图片需要水平垂直居中，所以优先想到了昨天看的很方便的flex布局模式。

- 阅读剩余部分 -

今晚学习了一下定位知识，恰好hostker有个小网页用到了，就想自己试试看，由于不是居中的，存在一定偏差，所以纠结了好久（当然background-image还是居中的）。我把background用Image引入，而不是定义为background（不然position实在更难控制。。。）

下面一段代码就能水平和垂直都居中了。

margin: auto;  
position: absolute;  
top: 0;
left: 0;
bottom: 0;
right: 0;

- 阅读剩余部分 -

PHP可以读取zip中的文件这一条着实吃了一惊，然后看了一下：
Table of Contents

• file:// — 访问本地文件系统
• http:// — 访问 HTTP(s) 网址
• ftp:// — 访问 FTP(s) URLs
• php:// — 访问各个输入/输出流（I/O streams）
• zlib:// — 压缩流
• data:// — 数据（RFC 2397）
• glob:// — 查找匹配的文件路径模式
• phar:// — PHP 归档
• ssh2:// — Secure Shell 2
• rar:// — RAR
• ogg:// — 音频流
• expect:// — 处理交互式的流

这真是极屌的，不多说，Mark一下，目前还没用上。

扩展阅读：http://php.net/manual/zh/wrappers.php

这个问题以前绝壁遇到过，太久没写不记得（貌似当时是CI框架直接有相关函数的），然后这次又遇到了，再次滚去查了一下，这里说的并非是PDO之类的情况，而是用过时的连接和执行方式之后怎么进行操作。

有什么SQL语句实现的，但明显不合适，当收到多人操作时，顿时就混乱不堪。

所以在此，用mysql_insert_id()函数搞定，他会返回AUTO_INCRESEMENT的值。

刚开始我还在想这个函数不会遇到相同的问题么，然后小新告诉我是基于当前数据库连接的，顿时不怕不怕啦。

当然，现在这种连接方式已经out的可以了，官方阅读:http://php.net/manual/en/function.mysql-insert-id.php

这里也有说明：

Warning

This extension is deprecated as of PHP 5.5.0, and will be removed in the future. Instead, the MySQLi or PDO_MySQL extension should be used. See also MySQL: choosing an API guide and related FAQ for more information. Alternatives to this function include:

• mysqli_insert_id()
• PDO::lastInsertId()