Css Reset by Eric MeyerURL:http://www.ahrefmagazine.com/web-design/30-useful-css-snippets-for-developers html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,…

各大浏览器CSS Hack收集  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>. 蕃薯耀 2015年9月12日 10:11:36 星期六 http://fanshuyao.iteye.com/ Firefox 浏览器 @-moz-docume…

收集一些css的生成工具,开发中可以直接拿过来用.特别是那些css3中的一些新的特性. 1  css渐变背景在线生成工具      http://www.colorzilla.com/gradient-editor/ 2  css3圆角在线生成工具      http://border-radius.com/ 3  网格布局在线生成工具     http://grid.mindplay.dk/ 4   css3在线生成工具(支持圆角.阴影.渐变.透明)      http://www.zi-ha…

1. 使用 :not() 为导航添加/取消边框 传统的方法为导航栏添加边框: /* add border */ .nav li { border-right: 1px solid #666; } /* remove border */ .nav li:last-child { border-right: none; } 用css的:not()实现: .nav li:not(:last-child) { border-right: 1px solid #666; } 减少了很多代码实现了相同的功能…

/*-------------------------------------- 圆角*/ -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px; -webkit-border-radius: 8px;  -moz-border-radius: 8px;  border-radius: 8px; -webkit-border-radius:50%;  -moz-border-radius:50%;  b…

所谓的Hack就是只有特定浏览器才能识别这段hack代码.Hack 不是什么好东西,除非没有办法,我们尽量还是不要用着玩意. 下面是各个浏览器的CSS Hack 列表. Firefox 浏览器 @-moz-document url-prefix() { .selector { property: value; } } 支持所有Gecko内核的浏览器 (包括Firefox) *>.selector { property: value; } Webkit 内核浏览器 @media screen an…

细节1……………………………………………………………………………… 一.当文字与图片在一行,需要将文字与图片底对齐,需要这样写: <li>记住密码<img src="" align="bottom" style="margin-bottom:-4px"/></li> 二.当文字与图片在一行,需要将文字与图片居中对齐,需要这样写: <li>记住密码<img src="static/im…

1.重置浏览器的字体大小  重置浏览器的默认值 ,然后重设浏览器的字体大小你可以使用雅虎的用户界面重置的CSS方案 ,如果你不想下载9MB的文件,代码如下: body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {;; } table {; } fieldset,img {; } address,caption,cite,code,dfn,em,stron…

JS集: //给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值 var val=form_name.input_name.value; //根据id获取标签值 var val=document.getElementById("input_id").value; //js var valJQ=$("#input_id").val(); //jquery 请求方法: function (…

最近暴雪一款叫<守望先锋>的游戏火到不行,身边很多人都深受其毒害,虽然博主自己没有买(穷),但是耳濡目染也了解了个大概. 由于之前大致学习了一下 css 滤镜的各种用法,所以心血来潮结合二者做一个 DEMO. 大家应该见过一种“选人”效果,一排黑白或其他单色的角色照片,选中的角色照片变为彩色.我想即使没有在网页中见过,在其他地方也一定见过. 亲切吗?就是上图这种. 那在 web 中该怎么实现呢,很多人会认为用两张图片,一张黑白一张彩色,切换图片地址.这种方法随便想想就有很多弊端,其实 css…