代码改变世界

随笔分类 - CSS

美观 漂亮 分页 样式

2011-08-03 14:37 by 曾祥展, 6003 阅读, 收藏, 编辑
摘要:美观 漂亮 分页 样式 HTML: Pages: 1 2 3 4 5 6 7 ... 31 > CSS: .navigation { margin:auto auto 10px 10px; float:left;}.wp-paginate { padding:0; margin:0;}.wp-paginate li { float:left; list-style:none; margin:2px; padding:0;}.wp-paginate a... 阅读全文

CSS Sprites (CSS精灵)

2011-05-27 13:10 by 曾祥展, 966 阅读, 收藏, 编辑
摘要:CSS Sprites原理CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background-repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。CSS Sprites优点1.利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;2.个人认为能CSS Sprites能减少图片的字节,我曾经比较过多次3张图片 阅读全文

登录 注册 用户体验

2010-11-07 23:58 by 曾祥展, 1982 阅读, 收藏, 编辑
摘要:HTML 代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="18%" height="48" align= 阅读全文

购物车 自动计算

2010-11-07 23:45 by 曾祥展, 1442 阅读, 收藏, 编辑
摘要:html代码 CSS代码 JQUERY代码 错误友好提示 代码 错误友好提示 CSS代码 小数计算Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--functiontest(num,flag,bit)  //参数分别是要传入的小数"num"  舍入标准(... 阅读全文

透明遮罩层

2010-11-07 23:33 by 曾祥展, 2825 阅读, 收藏, 编辑
摘要:HTML代码CSS代码JAVASCRIP代码 阅读全文

AspNetPager 样式以及使用(漂亮)

2010-03-03 19:28 by 曾祥展, 32959 阅读, 收藏, 编辑
摘要:分页是Web应用程序中最常用到的功能之一,AspNetPager 简单实用,应用到项目后台中,棒极了!自定义样式:<style type="text/css">/*拍拍网风格*/.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin- 阅读全文

漂亮的后台 模板

2010-02-25 09:18 by 曾祥展, 3715 阅读, 收藏, 编辑
摘要:下载模板 阅读全文

IE 兼容性 (总结)

2010-02-02 19:12 by 曾祥展, 964 阅读, 收藏, 编辑
摘要:问题浏览器DEMO解决方法1input[button | submit] 不能用 margin:0 auto; 居中IE8bug | fixed为input添加width2body{overflow:hidden;}没有去掉滚动条IE6/7bug | fixed设置html{overflow:hidden;}3hasLayout的标签拥有高度IE6/7bug | fixed*height:0;_overflow:hidden;4form>[hasLayout]元素有margin-left时,子元素中的[input | textarea] 出现2×margin-leftIE6/7 阅读全文

经典css

2009-11-26 17:24 by 曾祥展, 535 阅读, 收藏, 编辑
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>舒服的颜色</title><meta http-equiv="Content-Type" content="tex 阅读全文

div 或者 dt 中 img 垂直居中

2009-09-24 09:39 by 曾祥展, 3069 阅读, 收藏, 编辑
摘要://dt 中 img 垂直居中<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><styletype="text/css">div{display:table-cell;height:300px;width:500px;t... 阅读全文

图片会自动按比例缩小(js版和css版)

2009-09-12 15:33 by 曾祥展, 6390 阅读, 收藏, 编辑
摘要:<title>javascript图片大小处理函数</title><scriptlanguage=Javascript>varproMaxHeight=150;varproMaxWidth=110;functionproDownImage(ImgD){varimage=newImage();image.src=ImgD.src;if(image.width>... 阅读全文