- 博客(94)
- 收藏
- 关注
RSS订阅原创 常用网站数据分析工具解析
1. AnalogAnalog: WWW logfile analysisThe most popular logfile analyser in the world. Analog shows you the usage patterns on your web server. It’sUltra-fastScalableHighly configurableRep
2014-04-22 16:34:53
1390
翻译 产品经理七利器
原型设计：AxureAxure是一款原型设计软件，一直是产品经理的们的首选。它拥有可视化工作环境，让你不用进行编程就可以创建出产品线框图，配合自己导入的素材甚至可以制作高保真的产品原型。它还可以进行负责的逻辑编程，可以让线框图实现各种高级交互。Axure受到产品经理们的青睐不仅因为其优秀的原型绘制功能，它还可以绘制简单的图表、自动生成产品说明文档等，可以说这款软件处处考虑到了产品经理的实际
2014-04-15 14:33:17
604
原创 setInterval 和 setTimeout 的区别
setInterval在内部执行的时候会有时间点被跳过，所以要这样做：setTimeout(function(){ //processing setTimeout(arguments.callee, interval); }, interval); 因为：http://www.jb51.net/article/26679.htm
2014-03-25 17:05:52
497
转载 文字选中后背景变色
::selection {background: #E58994;color: #fff;} ::-moz-selection {background: #E58994;color: #fff;} ::-webkit-selection {background: #E58994;color: #fff;}
2014-01-15 13:43:30
725
原创 表格一条线
.squareInfo table{border-collapse:collapse;}.squareInfo table td{border:solid 1px #ececec;}
2013-12-24 13:59:37
495
转载 js页面刷新事件 ，Javascript刷新页面的几种方法
1)10表示间隔10秒刷新一次 2)window.location.reload(true);如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3)window.navigate("本页面url"); 4>function abc(){window.location.href="/blog/window.location.href"
2013-11-29 10:21:32
17015
原创 让图片自适应外DIV 而不是拉伸的方法
#ulRecomList img{max-width:170px; max-height:127px;display:inline !important; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 170 ? "1
2013-11-22 16:20:57
1715
原创 IE10去掉点击灰块的方法
a:focus{background:none}只需要在head中加入如下meta即可：不过相对于webkit核心的-webkit-tap-highlight-color，webkit这命令支持设置任何颜色，但是ie10目前看来只能禁止，不能设置颜色了。
2013-11-22 15:15:02
864
转载 各浏览器下Hack的写法
下面是我收集有关于各浏览器下Hack的写法1、Firefox@-moz-document url-prefix() { .selector { property: value; } }上面是仅仅被Firefox浏览器识别的写法，具体如：@-moz-document url-prefix() { .demo { color:lime; } }支持Firefox的还有几
2013-11-06 15:26:08
571
原创 9.13 背景图片：0 0 的前面是有空格的！
.enterBtn .eR{width:126px;height:41px;float:right;}.enterBtn .eR a{background:url(images/btn_tj.png) 0 0 no-repeat;width:126px;height:41px;display:block;}.enterBtn .eR a:hover{background:url(image
2013-09-13 15:30:57
480
原创 Dw中css应用源格式
设置 CSS 代码格式设置首选参数选择“编辑”>“首选参数”。在“首选参数”对话框中，选择“代码格式”类别。在“高级格式设置”旁，单击“CSS”按钮。在“CSS 源格式选项”对话框中，选择要应用于 CSS 源代码的选项。在下面的“预览”窗口中，将显示 CSS 的预览，其外观取决于您选择的选项。启用缩进属性 设置规则中的属性的缩进值。可以指定制表符或空格。
2013-09-10 15:53:01
1965
转载 网页设计中，字号的大小 em
在这个显示器百花齐放的时代，网页设计师往往需要考虑不同客户端的浏览体验。文字大小，是用户体验中的一个重要部分。不同的分辨率，不同的显示器尺寸，不同的DPI，乃至不同的浏览器设置，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次光临都要重新缩放，总归麻烦，何况还有许多用户不知道如何缩放页面。最好还是根据用户的分辨率给用户一个比较体贴的默认字号，那这个字号
2013-09-10 13:53:48
2781
原创 左右两栏div+css布局
2列流体(c-s)/* * {margin:0; padding:0;}body, html {width:100%;}#wrapper {position:relative; padding-right:200px; background:yellow; overflow:hidden; +display:inline-block;}.content {wid
2013-09-10 13:36:18
1595
原创 CSS布局：左右固定宽，中间自适用。
测试：IE6,IE8,FF,Chrome,Opera,Safari方法一：利用绝对定位方法实现。CSS部分：.div1{position:absolute;left:0px;top:0;width:100px;background-color:#FFFF00;}.div3{position:absolute;right:0px;top:0;width:120px
2013-09-10 13:34:51
543
转载 让div居中对齐的css
居中div演示效果.align-center{margin:0 auto;/* 居中 这个是必须的，，其它的属性非必须 */width:500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */background:red;/* 背景色 */text-align:center; /* 文字等内容居中 */}居中div演
2013-09-06 09:33:05
666
转载 在DIV中图片垂直、水平居中(最简单方法)
无标题文档.lanrentuku { float: left; text-align: center; width: 150px; height: 150px; margin: 5px; border: 1px solid #ccc; font-size: 1em; line-height: 148px;
2013-09-06 09:32:34
816
转载 用UL标签+CSS实现的柱状图
基于CSS的柱状图实现 body {padding:0;margin:40px;font-size:9pt;font-family:Helvetica,Geneva,sans-serif;} h3 {font-weight:normal;display:block;width:600px;text-align:center;} /*ul*/ ul#q-graph
2013-09-06 09:30:55
653
转载 纯CSS制作的新闻网站中的文章列表
CSS新闻列表制作.list{margin: 0px 10px 20px;text-align: left;}.list ul{list-style-type: none;margin: 0px;padding: 0px;}.list li{width: 100%;}.list li a{color: #777777;display:
2013-09-05 13:31:06
1016
转载 CSS左右两列自适应高
无标题文档*{margin :0px;padding: 0px;}.da_div{width: 750px;background-image: url(http://www.as1983.com/blog/attachments/month_0708/z200782114026.gif);margin:0px auto;margin-top:3px;
2013-09-05 13:30:43
690
转载 定义li图片头
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">body { font: 12px 宋体,Arial,Verdana,Tahoma,sans-serif; }ul { maring: 0; padding: 0; }li { list-style: none;display: block;
2013-09-05 13:30:18
510
转载 从右往左读的文字正写竖排效果
.text { layout-flow: vertical-ideographic;height:400px;line-height:200%; } 香子子(短令)林雨堂伯牙抱琴 偶过寒门 行到处 全不经心凭几闲坐 谈古论今任倦则眠 乐则饮 醉则吟矮矮垣墙 小小轩窗 翠荫处 青草池塘柳烟初碧 曲岸新妆枕一树风 一弯月 一簟凉
2013-09-05 13:28:34
3078
转载 div的内容图片垂直居中代码（兼容多浏览器）
无标题文档 .psdthumb { height: 1%; overflow: hidden; display:table; border-spacing:10px; } .psdthumb li {border:1px solid #aaa; width:240px; height:160px; text-align:center; vertical-align:middle; p
2013-09-05 13:28:09
597
转载 纯css的防止图片撑破页面的代码(图片自动缩放)
无标题文档.content-width {MARGIN: auto;WIDTH: 600px;}.content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}
2013-09-05 13:26:38
670
转载 强制Firefox显示滚动条
强制Firefox显示滚动html {overflow:-moz-scrollbars-vertical;} /*方法一*/html {min-height:101%;} /*方法二*/-->强制Firefox显示滚动条：方法一：html {overflow:-moz-scrollbars-vertical;}方法二：html {min-heig
2013-09-05 13:26:36
1241
转载 兼容IE6和Firefox的PNG背景透明CSS代码
兼容IE6和Firefox的PNG背景透明CSS代码.lanrentuku {background-image:url(http://www.lanrentuku.com/down/js/images/12593184560.png)!important;background-image:url(www.lanrentuku.com);FILTER: progid:DXImag
2013-09-05 13:25:52
578
转载 网站变灰代码
网站灰色代码html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}北京时间2010年4月14日7时49分许，青海省玉树藏族自治州玉树县(北纬33.2度，东经96.6度)发生7.1级地震，震源深度14公里，震中位于该
2013-09-05 13:24:56
551
转载 兼容ie6,ie7以及firefox的css透明滤镜
兼容ie6,ie7以及firefox的css透明滤#container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5); *background:#f00; *filter:alpha(opacity=50); width:500px; margin:40px auto; line-height:200%; font-s
2013-09-05 13:24:23
565
转载 分页居中/圆角宽度自适应实现
分页居中/圆角宽度自适应*{margin:0; padding:0;}body{padding:20px; text-align:center;}.cutpage{font-size:12px; font-family:Tahoma;}.cutpage a{display:inline-block; background:url(http://www.lanrentuku.co
2013-09-05 13:22:39
598
转载 DIV实现input垂直居中 兼容IE6和Firefox
body{font-size:12px;} .lanrentuku1{border: 1px solid #CCC;width:1120px;height:40px;margin:auto;display: table; *position: relative; overflow: hidden; } .l
2013-09-05 13:22:39
729
转载 css的margin缩写方式
margin: 20px;（上、下、左、右各20px。） margin: 20px 40px;（上、下20px；左、右40px。）
2013-09-05 13:22:14
723
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人