CSS 垂直居中
1.图片的垂直居中
.box
{
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align: middle; /*设置水平居中*/
text-align: center;
/* 针对IE的Hack */
*display:block;
*font-size:175px;/*约为高度的0.873，200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
width:200px;
height:200px;
border:1px solid #eee;
}
.box img
{
/*设置图片垂直居中*/
vertical-align: middle;
}
<div class="box">
<img src="http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg" mce_src="http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg" />
</div>
参考文章：
http://www.planabc.net/2008/05/26/img_vertical_center_solution/
http://www.student.oulu.fi/~laurirai/www/css/middle/
相关文档：
前言：CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。
(一) CSS2盒模型
盒模型主要定义四个区域：内容(content)、边框距(paddin ......
用css实现网页背景渐变的代码如下：
一、从上往下渐变
Example Source Code [www.mb5u.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
Example Source Code [www.mb5u.com]
body{
FILTER: Alpha( style=1, ......
1.在JSP中生成动态XML
可以使用JSP生成XML,使用CSS或者XSL转换和显示XML;
只要在静态的XML文档模板中加入Java代码和JSP标记，XML就可以有静变动，产生动态的内容，生成XML文档的方法很简单，只需要在文件中使用指令contenttype,如<%@ page contenttype="text/xml"%>；
在XML文档中同样可以使 ......
网上看到的一些CSS工具资源
在线CSS工具：
W3C CSS 校验服务 :提供万维网协会(W3C)样式表(CSS)校验服务。
CSS 在线编辑器:OnLine CSS Designer - CSS Style Editor。 CSS 样式在线编辑器，可以即时查看CSS 样式效果演示。
QrONE CSS Designer ：在线CSS编辑器，所见即所得。
SKUER - The CSS Search Engine :SKUER ......
CSS 概述
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
样式解决了一个普遍的问题
HTML 标签原本� ......
