随笔分类 -  CSS

美观 漂亮 分页 样式
摘要：美观 漂亮 分页 样式 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... 阅读全文
posted @ 2011-08-03 14:37 曾祥展 阅读(6624) 评论(5) 推荐(0) 编辑
CSS Sprites （CSS精灵）
摘要：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张图片 阅读全文
posted @ 2011-05-27 13:10 曾祥展 阅读(1060) 评论(0) 推荐(0) 编辑
登录 注册 用户体验
摘要：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= 阅读全文
posted @ 2010-11-07 23:58 曾祥展 阅读(2097) 评论(30) 推荐(1) 编辑
购物车 自动计算
摘要：html代码 CSS代码 JQUERY代码 错误友好提示 代码 错误友好提示 CSS代码 小数计算Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--functiontest(num,flag,bit)　　//参数分别是要传入的小数"num"　　舍入标准（... 阅读全文
posted @ 2010-11-07 23:45 曾祥展 阅读(1635) 评论(16) 推荐(3) 编辑
透明遮罩层
摘要：HTML代码CSS代码JAVASCRIP代码 阅读全文
posted @ 2010-11-07 23:33 曾祥展 阅读(2932) 评论(0) 推荐(1) 编辑
AspNetPager 样式以及使用（漂亮）
摘要：分页是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- 阅读全文
posted @ 2010-03-03 19:28 曾祥展 阅读(33666) 评论(29) 推荐(13) 编辑
漂亮的后台 模板
摘要：下载模板 阅读全文
posted @ 2010-02-25 09:18 曾祥展 阅读(3862) 评论(4) 推荐(5) 编辑
IE 兼容性 （总结）
摘要：问题浏览器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 阅读全文
posted @ 2010-02-02 19:12 曾祥展 阅读(1101) 评论(0) 推荐(1) 编辑
经典css
摘要：<!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 阅读全文
posted @ 2009-11-26 17:24 曾祥展 阅读(622) 评论(0) 推荐(0) 编辑
div 或者 dt 中 img 垂直居中
摘要：//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... 阅读全文
posted @ 2009-09-24 09:39 曾祥展 阅读(3327) 评论(0) 推荐(0) 编辑
图片会自动按比例缩小（js版和css版）
摘要：<title>javascript图片大小处理函数</title><scriptlanguage=Javascript>varproMaxHeight=150;varproMaxWidth=110;functionproDownImage(ImgD){varimage=newImage();image.src=ImgD.src;if(image.width>... 阅读全文
posted @ 2009-09-12 15:33 曾祥展 阅读(6624) 评论(0) 推荐(1) 编辑