https://static.06ms.com/static/images/index/2.jpg

HTML5 Shiv – 让该死的IE系列支持HTML5吧

HTML5 Shiv – 让该死的IE系列支持HTML5吧

下面是引用Google的html5.js文件,好处就不说了:
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
将上代码复制到head部分,记住一定要是head部分(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在其他位置调用,否则失效)

然后在css里面加上这段:
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
主要是让这些html5标签成块状,像div那样。

好了,简单吧,一句话概括就是:引用html5.js 使html5标签成块状
https://static.06ms.com/static/images/index/21.jpg

靳氏DIVCSS网页兼容口诀

1、学习DIV的方法

第一,掌握css、html语法。css中除了一般语法之外,特别是float、clear、overflow、line-height等,对于html标签重点是div、ul、li、dl、dd等几个。
第二,其实div最好的教程就是你把qq.com 163.com sohu.com ifeng.com这几个大门户网站的做法研究一下 ,如果你一下子看不懂这么大的网站,可以参考我讲课中带着学生一起开发的www.ccopen.net及www.chinajwork.org。

2、让DIV兼容的方法:
https://static.06ms.com/static/images/index/5.jpg

PHP字符串查询函数

function strexists($haystack, $needle)
/**
* 这个看成函数重载也无妨,功能就是查找$haystack是不是在$needle中存在
* @para string $haystack
* @para string $needle
* @return boolean
*/

function strexists($haystack, $needle) {
       return !(strpos($haystack, $needle) === FALSE);
}
https://static.06ms.com/attach/2012/06/7308c6e28ec27ba6aaf84bece999490e20120622053532.png

CSS 文字发光效果

CSS 文字的发光效果通过 text-shadow 实现起来很方便的。
text-shadow: 1px 0 1px #8B4513, 0 1px 1px #8B4513, 
    0 -1px 1px #8B4513, -1px 0 1px #8B4513;

在 Firefox, Chrome, Opera, Safari 中的效果:

看上去这几款浏览器都支持。不过就是在 Chrome 里面,可以看见出来的效果并不好,奇怪的一点是为什么它的模糊会往里发展了,开始还以为 webkit 都这样,看了看 Safari,表现挺好的,边缘比 Firefox 还要锐利。 几经尝试,终于找到可以让 Chrome 也一样表现犀利的办法。通过观察可以得知在无模糊的情况下,也就是文本描边效果,各浏览器里的表现是一致的。

https://static.06ms.com/attach/2012/06/18/1336966834_3700936c.gif

使用CSS&quot;Clip&quot;属性对图片进行裁剪

这是一个非常实用的CSS属性,且IE6也支持!用于缩放成不同比例的小图片时非常简单,而不需要多余的<div></div>做为容器来装载图片
clip(剪辑)属性就像一个蒙版。它允许你掩盖矩形的可见区域。要剪辑一个元素:你必须指position:absolute。然后,指定top rightbottom left值相对于元素的距离。
https://static.06ms.com/static/images/index/1.jpg

PHP通过session id 实现session共享和登录验证

先说说,这个机制的用途吧,到现在为止战地知道这个机制有两个方面的用途:
首先,多服务器共享session问题,这个大家应该都能够理解的,当一个网站的用户量过大,就会使用服务器集群,例如专门有一个登录用的服务器。用户通过登录服务器登录之后,登录服务器保存了用户的登录信息session,而其他受访问的服务器,例如电影服务器没有这个session,那么我们就要通过一个session的唯一标识来共享这个session了——具体session的共享超出了本文的范围,请自行查阅资料。
第二个用途就是,验证同一用户的不同会话,这个比较难理解。这样说吧,一个用户并非通过浏览器来请求连接,而是通过socket或者其它方式来请求数据的时候,我们首先要对他进行用户登录验证,验证成功之后,就下发一个sessionid给他,然后他每次请求的时候就携带这个sessionid,我们通过这个sessionid来判断session是否已经存在,如果存在我们就认定用户已经登录……
对于第一个问题,我们可以把sessionid保存在数据库中得以实现,这个方法比较安全而且应用广泛,但是不是我们讨论的范围哦
第二个问题,其实已经很简单了,看一下代码
首先验证的时候产生一个sessionid;
https://static.06ms.com/attach/2012/06/18/1335949406_8635c7c1.png

用Photoshop设计时尚进度条

看到一篇《css3时尚进度条的设计》的文章,很是喜欢,准备好好研究一下,不过本文我先用photoshop把它设计出来,大家一块分享,非常简单。

这个在ps里面实现比较简单,但想用css来实现,实在是非常的复杂,里面涉及到很多新样式的应用,希望在下节中可以好好和大家一块学习。
1、定义图案,设置背景