CSS3 是对 CSS 规范的改善和增强，增加了圆角、旋转、阴影、渐变和动画等众多强大的特性，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写 JavaScript 才能实现的效果，如今只需几句简单的 CSS3 代码就能实现。 CSS3 Maker 这款工具非常强大，可在线演示渐变、阴影、旋转、动画等非常多的效果，并生成对应效果的代码，

CSS3 is an improvement on and enhancement of the CSS specification, adding many powerful features such as rounded corners, rotation, shadows, gradients, and animation, which makes it easy for web developers to add stylish effects to a site. Many effects that once required writing JavaScript can now be achieved with just a few lines of simple CSS3 code. CSS3 Maker is a very powerful tool that can demonstrate in the browser a great many effects such as gradients, shadows, rotation, and animation, and generate the code for the corresponding effect,

PHP中的MYSQL常用函数总结

1、mysql_connect()-建立数据库连接 格式： resource mysql_connect([string hostname [:port] [:/path/to/socket] [, string username] [, string password]])

例： $conn = @mysql_connect(“localhost”, “username”, “password”) or die(“不能连接到Mysql Server”);

说明：使用该连接必须显示的关闭连接

A summary of the commonly used MYSQL functions in PHP

1. mysql_connect() - establish a database connection Format: resource mysql_connect([string hostname [:port] [:/path/to/socket] [, string username] [, string password]) Example: $conn = @mysql_connect(“localhost”, “username”, “password”) or die(“不能连接到Mysql Server”); Note: with this connection you must explicitly close the connection

官方消息称今天上午11:00左右携程网站部分页面遭遇攻击无法打开，截止目前携程网站仍处于紧急修复中，预计修复时间未知…… 据几个qq群友讲，携程此次遭遇物理删除攻击，只要往服务器上传代码就会被自动删除，所有岗位技术，紧急加班修复，目前还未找到原因。 前段时间是易网遭遇不明原因攻击一部分功能无法使用，昨天是支付宝因挖断光纤无法完成支付（官方解释）。这个五月难道注定了互联网的不平凡。 物理删除是什么？ 物理删除是指文件存储所用到的磁存储区域被真正的擦除或清零，这样删除的文件是不可以恢复的。

Official word is that around 11:00 this morning some pages of the Ctrip website were attacked and could not be opened. As of right now the Ctrip website is still undergoing emergency repairs, and the estimated repair time is unknown… According to a few friends in QQ groups, Ctrip this time was hit by a physical-deletion attack: as soon as code is uploaded to the server it is automatically deleted. Technicians in every role are working overtime on emergency repairs, and the cause still hasn’t been found. A while back NetEase was attacked for unknown reasons and some features stopped working; yesterday Alipay couldn’t complete payments because a fiber optic cable was dug through (the official explanation). Was this May destined to be an extraordinary month for the internet. What is physical deletion? Physical deletion means the magnetic storage area used for file storage is truly erased or zeroed out, so files deleted that way cannot be recovered.

使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。 这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何使用“em”对层进行弹性扩展？又是如何扩展文本和图像等内容？下在我们就一起带着这些问题开始今天的“em”之行。

I’ve been using CSS for quite a while, but I always used “px” to set the relevant properties of Web elements, and never dared to use “em”. The main reason was that I didn’t really understand it — I only knew a few conceptual bits. A while back a project required using “em” as the unit for setting elements, so I studied “em” from scratch. I now have a slight understanding of it, and today I’ve deliberately put together a blog post to share with everyone, hoping it helps you folks a little. This tutorial will guide you through using “em” to create a basic elastic layout, so you can learn how it is calculated, how “em” is used to scale layers elastically, and how to scale text, images and other content. So let’s start today’s “em” journey with these questions in mind.

源码 <?php / 版权所有 木木夕互联网开发 http://www.erik.xyz 开发者：艾瑞可 2015年5月13日 下午11:50:36 PHP */ header(“Content-Type:text/html;Charset=utf-8”); //计算2000到2030之间所有的闰年 / 分析：闰年是除以4为整数的的年份，所以只要符合除以4没有余数的年份都是闰年 / $_POST[“sub”]=2000; //从2000年开始 if($_POST[“sub”]){ for($a=2000;$a<=2030;$a++){ //定义循环变量 if($a%4==0){ //判断除以4为整数的年份 echo $a.”  ”; } } } ?> 输出结果

Source code <?php / Copyright 木木夕互联网开发 http://www.erik.xyz Developer: 艾瑞可 May 13, 2015 11:50:36 PM PHP */ header(“Content-Type:text/html;Charset=utf-8”); //calculate all leap years between 2000 and 2030 / Analysis: a leap year is a year divisible by 4, so any year that divides by 4 with no remainder is a leap year / $_POST[“sub”]=2000; //start from 2000 if($_POST[“sub”]){ for($a=2000;$a<=2030;$a++){ //define the loop variable if($a%4==0){ //check whether the year is divisible by 4 echo $a.”  ”; } } } ?> Output result

摘自：狼-志 你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。 几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱，Chrome的出世不知道又要给我们添多少乱子。虽然说现在有一些WEB技术（AJAX、ExtJS等）已经帮我们处理不同浏览器的兼容问题，但是有时候自己来解决岂不是更好，浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。 我们先来分析一下各种浏览器的特征及其userAgent。

Excerpted from: Wolf-Zhi Do you know how many kinds of browsers there are in the world? Besides the four well-known ones — IE, Firefox, Opera and Safari — there are nearly a hundred more browsers in the world. A few days ago a little prince was just born into the browser family: the Chrome browser released by Google. Because Chrome was born into a distinguished family, even though it is still a little guy, nobody dares to look down on it. From now on, the “four great talents” of browsers we always talk about will have to be renamed the “five golden flowers”. In website front-end development, browser compatibility issues already keep us scrambling, and Chrome’s arrival will no doubt add who knows how much more trouble. Although some WEB technologies now (AJAX, ExtJS and so on) already handle the compatibility problems between different browsers for us, sometimes solving them yourself is better, isn’t it? Browser compatibility is the first problem a front-end development framework has to solve, and to solve compatibility problems you must first accurately determine the browser’s type and version. JavaScript is the main language of front-end development, and we can judge a browser’s type and version by writing JavaScript programs. There are generally two ways for JavaScript to determine the browser type: one is to distinguish by the properties unique to each browser, and the other is to judge by analyzing the browser’s userAgent property. In many cases, after determining the browser type you still need to determine the browser version in order to handle compatibility issues, and the browser version can generally only be known by analyzing the browser’s userAgent. Let’s first analyze the characteristics of each browser and its userAgent.

最近用bootstrap在做前端设计页面，突然发现a标签点击后出现虚线框，很郁闷啊。原因是css的outline属性 百度后找到网友给的解决办法是添加css样式 a:focus { outline: none; outline-style:none; -moz-outline:none; } 试试后貌似不起作用，肿么办。又找了一下才发现还有一个办法 在a标签里加入js控制，当a标签被聚焦时，强制取消焦点，这时候a标签自然不会有虚线框。 测试 搞定

I’ve been using bootstrap for front-end page design lately, and I suddenly noticed that a dotted outline box shows up after you click an a tag — really frustrating. The cause is CSS’s outline property. After searching on Baidu, the solution a netizen offered was to add the CSS style a:focus { outline: none; outline-style:none; -moz-outline:none; } I tried it and it seemed not to work, so what now? I looked around some more and found there’s another way: add js control inside the a tag, so that when the a tag is focused, focus is forcibly removed, and then naturally the a tag won’t show a dotted box. Test Done.

在网站或者商城需要做一次活动，到某个时间结束，这就用到倒计时。 首先，获取当前时区的时间，然后，获取结束日期的时间，两个时间相减就是活动时间。

When a website or shopping site needs to run a campaign that ends at some point in time, a countdown timer is what you need. First, get the current time in the current time zone, then get the time of the end date; subtracting the two times gives you the campaign duration.

在php网站开发过程中，经常会遇到过滤评论或者文章内容。在后台可控制，前台调用数据库，以便及时修改，控制提交的数据进行过滤。 这边我所接触到的原理是把禁用语句保存在数组，用分割函数来拆分数组，然后用正则表达式函数对禁用语句判断。

In the course of PHP website development, you often have to filter comments or article content. It can be controlled in the backend, with the frontend calling the database, so that filtering of the submitted data can be modified in time. The principle I’ve come across here is to keep the banned phrases in an array, use a split function to break the array apart, and then use a regular expression function to test the banned phrases.

世界那么大，我想有个家，陪你到白发。

世界那么大，女神已出嫁，剩我一个家。

世界那么大，还好我有家，因为有爸妈。

世界那么大，事非总还价，无奈不当大。

The world is so big; I want to have a home, and stay with you until our hair turns white.

The world is so big; the goddess is already married, and I’m left alone in a home.

The world is so big; luckily I have a home, because I have Mom and Dad.

The world is so big; quarrels always come with a haggle, and the helpless simply don’t get to act big.