<!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>
<meta http-equiv='Content-Type' content='text/html;
charset=gb2312' />
<title>无标题文档</title>
<style type='text/css'>
*{padding:0;margin:0;font-size:12px;font-family:宋体,Arial,
Helvetica,
sans-serif;list-style:none;border:0;text-decoration:none;}
body{text-align:center;}
.nav{width:800px;text-align:left;border:1px dashed
silver;margin:50px auto;}
#tags{overflow:auto;}
#tags li{float:left; padding:0 5px;}
#tags li a{display:block;height:26px;
width:80px;line-height:26px;text-align:center;margin:0 5px;}
#shows div{border:1px dashed silver; height:
<!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>
<style type='text/css'>
<!--
#f_div{
width:150px;
height:100px;
overflow:hidden;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0px;
}
#f_imgDiv{width:100%; height:100px; overflow:hidden;}
#f_img{filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);
border:0;}
#f_infoDiv{width:100%;top:-20px !important;top:-22px;
position:relative;}
#f_buttonDiv{width:100%; margin-right:1px; height:21px;
overflow:hidden; text-align:left;}
#f_line{width:100%;height:1px;background:#fff;
overflow:hidden;filter:progid:DXImag
(2011-03-02 14:56)
(2011-03-01 16:02)
在HTML里代码样式表中，有些为了方便或是不专业的，把CSS样式放在头部的下面或放在DIV样式中间，在设计表显示的却不一样。
写在上头部下面
设计表中的显示，很工整
放在DIV样式中间
由于各浏览器的默认CSS样式不一样，我们必须写一个CSS
Reset统一起来。通常我的做法是在common.css里写全局控制，这里面也包括header和footer，其它CSS文件就通过@import
url(“common.css”);引用。
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-family:Arial;}
form,ul,ol,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;list-style:none;}
input,textarea,select,button{font-size:12px;} img{border:none;}
address,cite,small{color:#999;font-style:normal;font-size:12px;}
a{color:#09c;text-decoration:none;}
a:hover{text-decoration:underline;} #header{…} #footer{…}
分页是web信息架构的一种方法，它将信息分割成两个或两个以上的页面来展示，更方便于用户筛查所需内容。
经典样式 共n页 第x页 首页 上一页 下一页 尾页
常用样式 < 1 2 3 4 5 ... n >
个性样式 像播放器的进度条一样可以拖放…
点击分页和拖滚动条，这两种行为的目的是一样的，都是想查看更多信息。
原来分页还可以这样玩，向下拖滚动条到页底自动翻页。
当滚动条拖到页脚时自动将后页的内容以ajax的方式读取进来添加到当前页面。
这种方式大大节省了用户的操作步骤，并且在对比前后页信息时不用后退页面，一目了然。
我之前在twitter上看过，后来发现必应的图片搜索，国内一些微博也逐渐采用.
添加到我的博客
加载中…
