最近的文章列表

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:
浏览器对HTML5的兼容性分析
从2006年WHATWG和W3C决定合作制定HTML5标准以来(预计2012年成为候选标准),浏览器厂商都不甘落后,一直在努力实现更多的HTML5技术,不过由于各个厂商的步伐不一,导致HTML5在浏览器中的实现程度参差不齐。在这里我们将综合两种HTML5兼容性测试工具包HTML5Test和Modernizr的测试结果来分析一下Web浏览器的支持程度。考虑到HTML5标准的制定原则:新特性基于HTML、CSS、DOM 以及 JavaScript;减少对外部插件的需求(比如Flash);独立于设备等,我们选取了HTML 5的几项主要特性来评价浏览器系统。视频播放标记video音频播放标记audio绘图标记canvas表单控件标记url、email等本地客户端存储浏览器(版本)选取由于目前市面上的
2011/3/31 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:
2010年50个顶级CSS3教程
几乎所有CSS3现代浏览器都支持。在这篇帖子中,我们提出50个顶级css3教程视觉效果布局和网页形式设计可以帮助你找到解决问题的你在对付或必须处理的问题提出了今后研究的方向。1. Pretty CSS3 buttonsWe want to create a set of styles that are both cross browser compliant and degrade gracefully for non CSS3 compliant browsers. A button that is scaleable meaning that we can make it a variety of sizes and colours with ease.2. Creating Dynam
2010/12/30 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: