两种垂直居中的代码
分两套看 holder的 display:table holder div的 display:table-cell; vertical-align:middle; 就可以实现在ff，safari和opera下的垂直居中，但是对ie系列无效 holder的 position:relative; holder div的 *position:absolute; top:50%; left:0;...
View Article竖排的选项卡
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link...
View ArticleLi居中显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link...
View ArticlePNG透明问题修正
IE6不支持PNG透明，那么，我们就想办法修正这个问题。 用样式的话不太好，那么就用JavaScript。 注：不仅支持，而且支持background，但不支持平铺。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...
View ArticleCSS Sprites技术以及图片优化
对于流量比较大的门户网站，可以采用这个技术来制作页面，因为这能为公司省下可观的带宽（带宽=Money），但对于流量不大，经常有小改动的网站就免了吧，因为这种技术维护起来极其繁琐和麻烦。掌握这种技术的捷径就是自己动手去做，只是看是掌握不了的，实战才能最快最透彻的了解CSS Sprites 关于CSS...
View ArticleIE的IF条件注释使用备忘
在CSS布局中，还常常用到IE Hack。if IE起着非常大的作用！ if IE什么意思呢？下面就列举了一些在CSS常见的HACK控制语句。 作为IE的IF条件注释使用备忘，有些时候试用if IE而不是在css中使用hack，就能通过w3c验证。 <!--[if !IE]>除IE外都可识别<![endif]--> <!--[if IE]> 所有的IE可识别...
View Article总结使用css sprites时应该主意的几点
根据我自己的理解+项目的实践+教程，总结了一下使用css sprites时我们应该主意的几点，希望对看到这篇文章的朋友有所帮助，当然，这都是我个人的理解，并不是什么权威的结论，仅供参考，如有总结不对的地方还请指出： 1、拿到效果图之后要先做规划，把所需要的背景图片都分类，这是非常重要的一步； 2、之后定下分类好的图片排列方式，本人建议采用竖排的排列方式，每行有两列，图片分别靠左和靠右，这样比较灵活；...
View Article符合WEB标准的表格行滑过高亮效果
先看效果：点击这里查看效果页 1、建立一分标准的HTML文档结构 谈到标准HTML结构，有人可能会说，嗯，用div标签，里面再多套些li，最后用css来个float也就能排成这样的结构了。其实真正标准的结构并不是说一定要用div来布局，而是要尽量使用语义化的HTML标签。在HTML标签的定义中div与span其实是两个没有语义的标签，table则有数据表的语义。 所以这里我们来建一张符合XHTML...
View Articlecss实现图片选中效果
这里有一个效果，是用css实现的图片选中效果，图片上有文字说明，如下： <style type="text/css"> .box{width:114px;height:114px;position:relative;} .box a{border:1px solid #F0F0E8;background-color:#FFF;padding:6px;display:block;}...
View Article
