最近的文章列表

推荐12个漂亮的CSS3按钮实现方案
在过去,我们都是使用图片或者JavaScript来实现漂亮的按钮效果,随着越来越多的浏览器对CSS3的支持和完善,使用CSS3来实现美观的按钮已没有太多的障碍。今天,本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。BonBon ButtonsZardiCSS3 Buttons With Simple MarkupFancy Buttons10 Nice CSS3 ButtonsCSS3 Animated Bubble ButtonsSuper Awesome Buttons with CSS3 and RGBAPretty CSS3 ButtonsGitHub-Style CSS3 ButtonsWe Love ButtonsSexy ButtonsRealistic CSS3
2011/5/16 Comments:
12组免费的CSS3按钮强力推荐
一直以来,都是图片或是JavaScript用来创建按钮。随着CSS3被更广泛的支持,我们有幸能够利用很好的CSS3按钮。本文推荐12组免费的、拿来就用的CSS3按钮,不会让你失望。1、CSS3 Buttons With Simple Markup2、GitHub-Style CSS3 Buttons3、Zardi4、Super Awesome Buttons with CSS3 and RGBA5、BonBon Buttons6、Fancy Buttons7、10 Nice CSS3 Buttons8、CSS3 Animated Bubble Buttons9、Pretty CSS3 Buttons10、We Love Buttons11、Sexy Buttons12、Realistic C
2011/4/19 Comments:
js+css+div修饰select
引用Jquery文件。<script>var bottombgcolor = ’#999966’; //鼠标移动到下拉菜单后的背景颜色function showbgcolor(obj) { obj.style.backgroundColor = bottombgcolor;}function hiddenbgcolor(obj) { obj.style.backgroundColor = ’’;}function showselectbottom() { $(’#selectbottom’).show();}function selected(obj) { $(’#select_txt_top’).val(obj.value); $(’#select
2011/4/6 Comments:
html/css 数字、英文不自动换行的解决办法
数字、英文不自动换行的解决办法  自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html<div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>css#wrap{white-space:normal; width:200px; } 1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-brea
2011/2/11 Comments:
CSS浏览器常用的兼容写法 css bug hack
网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了,因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同,导致设计的页面效果不一样,所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢?广泛被使用的方法就是CSS Hack,即使用特别的CSS定义显示网页在不同浏览器的设计风格,针对不同的浏览器去写不同的CSS,最大化兼容浏览器。一般情况下,我都会兼顾IE 6.0 / IE 7.0 / firefox 2.0浏览器,下面是用的较频繁的CSS Hack技巧:用的最广莫过于!important了, 它可以针对IE(IE 7.0能正确理解!important)和非IE浏览器设置不同的样式,只要在非IE浏览器样式的后面加上!im
2011/2/11 Comments:
引用css和js链接地址中带的问号是什么意思?
<link href="camnpr.css?v=1.0".....<script src="search.js?v1.02" type="text/javascript"></script>这个问号后的东西代表什么意思??是查询字符串信息。对于服务器脚本来说就是get方式传送参数。css这样写,一是:标注版本号。好处:方便查看最近修改情况,可以是版本号,后者日期时间等信息。二是:用随机数防止缓存。好处:及时的显示最新资源,不需要浏览器的缓存文件,每次都从网站服务器上下载。三是:在服务器端会把CSS和JS文件名映射成对应的动态服务器程序文件(URL重写),可能是JSP或PHP之类的,例如:<lin
2011/2/10 Comments:
网页html/js/css错误代码在线检测网站汇总
在用IE浏览网站时,发现下面显示网页上有错误,虽然不影响浏览,但总归让人感觉不舒服,大概多数站长都遇到过。而如果你的代码基础不是很好的话也许根 本找不到办法去解决这个问题,以致费了好多时间都无从下手,我是遭遇过多次这样的烦恼,因为本站加了一些代码,但是难免会冲突,有时候就在状态栏显示错 误,代码很长挨个看实在头疼。 于是百度一下,狂搜网页错误在线检测工具,结果还真发现了不少,把用过的工具进行了整理,分网页代码测试、网页兼容性、网速测试、seo优化四大类收集了30多个可以在线测试网页的工具,推荐也收藏一下,以后备用。 网页代码测试工具 没有站长可以保证自己的网页代码完全正确没有任何错误,特别是是否符合>repath}" target="_blank">
2010/12/23 Comments:
在线编写HTML5 和CSS 代码,现场看到效果
Rendera在线编写 HTML5 和 CSS 代码,现场看到效果。  Rendera可以帮助你学习HTML5和样式表    输入你的HTML代码并看到它提供实时。然后风格与样式表。你可以用任何的HTML的5年或CSS3标签你的浏览器支持。    想要学习HAML和SASS吗?我们支持了!    你也可以学习内提供许多例子,或者创造你自己的例子,发送给一个朋友。
2010/12/14 Comments:
基于HTML5的应用实例/案例

Sketchpad一个强大的在线图像编辑器。难能可贵的是,这是基于 HTML5 的。

2010/12/14 Comments:
CSS属性在各个浏览器(Opera/FF/IE)上的官方发布支持情况
IE 5.0,IE 5.5,IE 6.0,IE 7.0,IE8 Beta 1,IE8 Beta 2,IE 8.0 正式版支持的CSS属性列表:http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx IE 6,IE 7,Firefox 2, Firefox 3 ,Opera 9 支持 CSS 的情况列表:http://www.webdevout.net/browser-support-css 所有浏览器支持 CSS 标准的情况:http://www.w3.org/Style/CSS/#browsers引自:http://blog.csdn.net/net_lover/archive/2008/09/20/2954921.aspx
2010/12/10 Comments: