- 博客(139)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 去除chrome浏览器自动添加的默认样式
chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：input:-webkit-autofill {background-color: #FAFFBD;background-image: none;color: #000;}看到这
2016-04-07 14:37:45
11033
转载 input元素相对父级元素错位了？IE7
先看代码： 期望结果：div1距离左边边距100px，div2中的input距离div1的左边距离为0 IE6、7表现异常：div2中的input距离div1的左边距离为100px，也就是说继承了父级div1的margin-leftIE8、9，chrome，FF表现正常原因：产生这种错误的原因是因为当input仅
2016-01-11 11:16:32
1189
转载 兼容浏览器的min-height和min-width
min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。转文请标明 --- 出处：穆乙 http://www.cnblogs.com/pigtail/先说说min-height。这个看起来很容易。看下面试例：div style="border:5px solid #f00;min-height:200px;width:300px;
2016-01-08 18:41:07
1532
转载 浅谈inline-block及解决空白间距
如今有很多网站都用上了 inline-block 属性，比如 {display:inline-block; *display:inline; *zoom:1}，以上 css 代码随处可见。很多人看见 *display:inline; *zoom:1 就下意识的认为：哦，原来 inline-block 这个属性 ie6 和 ie7 不支持。那么 ie6,7 真的不支持 display:inline-
2016-01-08 18:37:42
795
转载 Windows下安装Grunt的指南和相关说明
Grunt基于Node.js，其中 npm 是 Node.js 的包管理器，而Grunt和Grunt插件就通过 npm 安装并管理。Grunt 0.4.x 必须配合Node.js >= 0.8.0版本使用。安装Node.js：去Node.js官网，点击INSTALL下载并安装，现在的Node.js会自动安装npm。安装完成之后，打开命令行，进行后续的操作（开始->输入C
2015-08-17 14:12:11
1786
转载 jquery 的focusin跟focusout方法的使用
jquery 的focusin和focusout方法的使用focusin(fn)概述在每一个匹配元素的focusin事件中绑定一个处理函数。当一个元素，或者其内部任何一个元素获得焦点的时候会触发这个事件。这跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。参数fnFunction在每一个匹配元素的focusin事件中绑定的处理函数。
2015-01-31 17:01:20
3279
转载 目前比较全的CSS重设(reset)方法总结
在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失窃却总是恰恰相反，很多CSS样式在不同的浏览器中有着不同的解释和呈现。 当今流行的浏览器(如:Firefox、O
2015-01-28 17:05:04
941
转载 CSS3的calc()使用
平时在制作页面的时候，总会碰到有的元素是100%的宽度。众所周知，如果元素宽度为100%时，其自身不带其他盒模型属性设置还好，要是有别的，那将导致盒子撑破。比如说，有一个边框，或者说有margin和padding，这些都会让你的盒子撑破。我们换句话来说，如果你的元素宽度是100%时，只要你在元素中添加了border,padding,margin任何一值，都将会把元素盒子撑破（标准模式下，除IE怪异
2015-01-28 15:36:07
1132
原创 javasciript 字符串方法整理
JS自带函数concat将两个或多个字符的文本组合起来，返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。var index1 =
2015-01-15 20:42:12
908
1
转载 http 错误代码表
所有 HTTP 状态代码及其定义。 代码 指示 2xx 成功 200 正常；请求已完成。 201 正常；紧接 POST 命令。 202 正常；已接受用于处理，但处理尚未完成。 203 正常；部分信息 — 返回的信息只是一部分。 204 正常；无响应 — 已接收请求，但不存在要回送的信息。 3xx 重定向 301 已移动 — 请
2014-10-14 23:10:00
433
转载 移动对meta的定义
以下是meta每个属性详解尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用。一、 //编码META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题 用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以
2014-10-13 11:56:02
435
转载 总结XSS与CSRF两种跨站攻击
XSS：跨站脚本（Cross-site scriptingCSRF：跨站请求伪造（Cross-site request forgery） 在那个年代，大家一般用拼接字符串的方式来构造动态SQL 语句创建应用，于是SQL 注入成了很流行的攻击方式。在这个年代，参数化查询已经成了普及用法，我们已经离SQL 注入很远了。但是，历史同样悠久的XSS 和CSRF 却没有远离我们。由于
2014-09-23 21:43:33
739
原创 oninput事件、onchange事件和onpropertychange事件
1、onchange事件与onpropertychange事件的区别：onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发；onpropertychange事件却是实时触发，即每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件IE专有。2、oninput事件与onpropertychange事件的区别：oninput事件是IE之外的大多数浏览器支
2014-09-23 15:01:50
1455
转载 github本地如何上传代码
注册GitHub后你就会有0.3G的免费空间，不过只能创建公开项目，这也满足代码分享的目的，我最喜欢的倒是它的代码展示方式，可以直接浏览你的代码，代码是经过高亮、添加行号处理过的，十分漂亮，体验一流，比如这个Webpy托管的地方。而作为想要了解你代码的人，可以选择直接在线浏览自己感兴趣的，也可以直接下载压缩包，或者直接使用Git clone到本地。因为GitHub是基于Git版本控制系统，所以你上
2014-09-18 16:00:31
612
转载 移动Web——CSS为Retina屏幕替换图片
特别声明：此篇文章根据Stéphanie Walter的英文文章《The Mobile Web: CSS Image Replacement for Retina Display Devices》进行翻译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.noupe.com/design/the-mobile-web
2014-09-16 10:16:38
574
转载 iPads和iPones的Media Queries
CSS3 Media Queries是一个强大的媒体查询功能，他的出现使用我们的站点可以随着不同的设备展现出不同的样多风格。紧随着Responsive设计的出现，Media Queries的功能是越来越得到前端人员的亲眯。我也不另外，跟着这股时尚流行风，从接触到学习，紧接的到应用，对这个属性有了基本上的了解和实战经验。为了大家方便使用Media Queries，W3cplus通过互联网
2014-09-15 17:00:37
512
转载 路径与目录
1. 相对路径与绝对路径Linux中的目录呈树状结构，带有分支。假如需要在任意一个目录下变换到根目录下的etc，那么应该使用cd /etc命令，这就是所谓的绝对路径，是从根目录向下寻址。如果使用cd etc呢？表示要切换到当前目录下的etc目录中，情况就不一样了。l 绝对路径：路径的写法一定从根目录“/”写起，例如：/usr/share/doc目录l
2014-09-04 17:56:39
692
转载 NodeJS、NPM安装配置步骤(windows版本)
1、windows下的NodeJS安装是比较方便的（v0.6.0版本之后，支持windows native），只需要登陆官网（http://nodejs.org/），便可以看到首页的“INSTALL”按钮，直接点击就会自动下载安装了。
2014-09-03 09:58:08
10340
转载 CMD与AMD的区别
1、从官方推荐的写法上面得出：CMD ----- 依赖就近//CMD define(function(require,exports,module){ var a = require('./a'); a.doSomthing(); });
2014-09-02 17:20:56
757
转载 js在浏览器兼容教程:事件处理
如果在使用javascript的时候涉及到event处理，就需要知道event在不同的浏览器中的差异，主要的JavaScript的事件模型有三种（参考《Supporting Three Event Models at Once》），它们分别是NN4、IE4+和W3C/Safar。1. window.event【分析说明】先看一段代码function et(){ aler
2014-08-27 17:33:41
467
转载 浏览器加载和渲染html的顺序
转自：http://topic.csdn.net/u/20111124/21/ab0de63f-da83-4857-8eb0-6983f890d399.html?87567前阵子，在组内给大家做了一次关于“浏览器加载和渲染HTML的顺序”的分享(PS:这前面html几个字在51testing上可能展示有点问题)，这里再总结一下吧。1.浏览器加载和渲染html的顺序1、IE下载的顺序
2014-08-26 16:41:15
510
转载 CSS3 Media Queries
Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> link href="css/style.css" rel="stylesheet" type="text/css" med
2014-08-07 14:26:02
405
转载 使用CSS3 Flexbox布局
Flexbox的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向(从左到右或从上到下排列)，并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器(flex container)来辅助实现。 Flexbox可以简单快速的创建一个具有弹性功能的布局，当在一个小屏幕上显示的时候，Flexbox可以让元素在容器(伸缩容器)中进行自由扩展和收缩，从而容易调
2014-08-05 17:27:47
537
转载 css3弹性盒子模型之box-flex
box-flex是css3新添加的盒子模型属性，它的出现打破了我们经常使用的浮动布局，实现垂直等高、水平均分、按比例划分。但是它有一定的局 限性，在firefox、chrome这浏览器下需要使用它们的私有属性来定义：firefox(-moz)、chrome（-webkit）。一、box-flex属性box-flex主要让子容器针对父容器的宽度按一定规则进行划分。 11
2014-08-05 10:39:03
1297
转载 html中插入flash代码详解
width="550" height="400" > NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
2014-07-30 11:13:50
4897
转载 JS与Flash相互调用
flash使用的actionscript跟javascript是非常相通的，下面描述如何互相调用函数:1:javascript调用flash中的函数在flash的脚本中增加代码:import flash.external.ExternalInterface;假定要调用的函数是hello，as代码如下代码:function hello(){ return "hello
2014-07-30 10:38:48
2592
转载 IE6下png背景不透明问题的综合拓展
一、可解决的方法1. IE css 滤镜IE css滤镜中有一个使png背景透明的滤镜，JavaScript方法也是应用的这个滤镜实现png背景透明的。写法：filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../image/png_test.png’);用法示例：.png{background:u
2014-06-10 11:15:58
646
转载 关于gif图片（或png8）杂边锯齿的问题
1. gif图片产生杂边锯齿的原因 五、参考文章1. 维基百科 RGBA2. 百度百科 阿尔法通道3. 月光博客 Photoshop的GIF透明图片插件
2014-06-10 11:06:24
1394
转载 IE下css bug集合-翻译自haslayout.net
转载自：http://www.zhangxinxu.com/wordpress/2009/12/ie%E4%B8%8Bcss-bug%E9%9B%86%E5%90%88-%E7%BF%BB%E8%AF%91%E8%87%AAhaslayout-net/
2014-05-19 15:16:34
621
原创 csshover.htc解决IE6 hover兼容问题
为了美观，很多网站主都喜欢用hover来定义一些元素，比如这一句：menu li: hover {background:#fff;}。但如果访客使用IE6浏览器，那么你的一切心思都是白费，因为他根本欣赏不到#fff的背景效果。这又是IE6的一个兼容问题，就是不能正确解读所有CSS元素的hover定义，除a:hover可以正确外，其余元素的hover定义一律不能解释。解决IE6的hover的兼容问题
2014-05-12 16:36:11
1377
转载 js中用cssText设置css样式
如果网页中一个 id为“no”的标签，暂且当div标签来tell；想要在js中设置这个div的css样式，很一般的做法是：var obj = document.getElementByIdx_x_x('no');obj.style.width = '400px';obj.style.height = '300px';如果要设置一堆又一堆的css样式呢，太麻烦了把、一般情
2014-05-09 16:38:23
802
转载 关键词排名的查询方法
1.首先最直接实用的方法就是直接把网站的关键词放进百度的搜索框搜索一下，你就知道的。 2.百度推广后台工具中的估算排名，不过估算的并不是太准确。因为估算工具的排名只是所有地区内的综合性的排名。 3.使用百度统计，查询网站的关键词在百度的排名情况。 4.当前站长使用比较频繁的站长工具和爱站网，站长seo工， 输上对方的网址，点击seo综
2014-05-06 12:02:48
2243
转载 高手建站优化几步环节
一． 网站关键词的优化1. 为什么研究关键词2. 选择关键词的方法3. 如何选择关键词4. 分析关键词的竞争程度5. 关键词的放置位置6. 长尾关键词的优化7. 如何提高关键词排名8. 关键词优化的自我检查 ……二． 网站结构优化1． 网站构架分析：实现树状目录结构、网站导航与链接优化、剔除网站架构
2014-05-06 12:01:25
567
转载 网站关键字将放在那边呢？
1、主要是头部网站关键字、网页关键字... 2、文章内容在内容中适当的加入关键字并且做描链接，关键字密度控制在3%~8%。 3、在页面底部在页面底部适当的加入关键字连接这样一来你的关键字就比较容易被搜索引擎抓到。
2014-05-06 11:54:23
606
转载 谷歌滚动条设置 IE滚动条设置
google浏览器chrome设置滚动条样式.courrlist ::-webkit-scrollbar { width: 10px;}.courrlist ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-ra
2014-05-06 11:38:58
936
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人