- 博客(23)
- 收藏
- 关注
RSS订阅转载 CSS3圆角
一、CSS3圆角的优点传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点：* 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。* 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。* 增加视觉可靠性。某些情况下（网络拥堵、服务器出错、网速过慢等等）...
2012-01-12 16:40:00
113
转载 ie6~ie9 hack 写法
从后往前，依次是，firefox,ie9 ,ie8,ie7,ie6.（注意杠9杠0，不知道为什么显示不出来，因此用的全角的）selector{background-color:#f00;/*all*/background-color:#0ff＼０;/* ie 8/9 */background-color:#0f0＼９＼０;/* ie9 */*background-color:...
2012-01-12 16:13:00
129
转载 去掉链接获取焦点后的虚线框
以下总结了去掉虚线框的几种常用方法：去除虚线框的方法优劣兼容性是否中断tab<a href=”#” onfocus=”this.blur()”>this blur</a>链接聚焦触发时失去焦点，js和html耦合在一起没有兼容性问题是a:focus {outline:none}或a{outline:none}outl...
2012-01-12 16:10:00
134
转载 让IE也支持html5标签
HTML5能为我们做的事儿很多，最为可口的就是语义化标签的应用，如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x，那这篇文章对你一定有用，因为现在你也可以在IE上用到HTML5。下面是引用Google的html5.js文件，好处就不说了：<!–[if IE]><script src=”http://html5shiv.googlecode.c...
2012-01-12 15:53:00
98
转载 CSS Min-Height Hack
用如下代码就可以实现任何浏览器下的min-height:selector {min-height:500px;height:auto!important;_height:500px;}注意：仔细想想，height的默认值本来就是auto，为什么还加height:auto!important;呢，所以准确的代码是：selector{min-heigh...
2012-01-12 15:49:00
104
转载 IE6双倍边距BUG
不太喜欢用margin ， 一般都改用padding ， margin的兼容行没有pading好，但有时候却又不得不使用例如：IE6中用了float:left之后导致margin-left双倍边距。解决办法加 display:inline转载于:https://www.cnblogs.com/czj33499173/archive/2012/01/12/2320710.html...
2012-01-12 15:47:00
122
转载 img图片元素多余空隙bug
在进行页面的DIV+CSS切图时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题该问题的解决方法也是「见机行事」，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。1、将图片转换为块级对像即，设置img为：display:block;在本例中添加一组CSS代...
2012-01-12 15:46:00
109
转载 css常用文字样式
color:value 设置文本的颜色。例如：color:red red为颜色名称color:#ff0000 16进制表现形式(0-9 a-f)color:rgb(255,0,0) RGB表示法 每个取值范围是0-255color:rgb(100%,0%,0%) RGB表示法，如果用百分比，即使是0也要用0%表示，否则在FF中，不能正常显示...
2012-01-12 15:28:00
221
转载 IE hack
不好的方式.test{ _postion: relative; _top: 10px; } 建议<!--[if lte IE 6]> <link rel="stylesheet" type="text/css" href="styles/ie-styles.css" /> <![endif]--> 然后...
2012-01-12 12:02:00
78
转载 css书写顺序
火狐推荐的CSS书写顺序/* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup ) *//* Suggested order: * displ...
2012-01-12 11:53:00
88
转载 jquery学习笔记第一章导航栏
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">...
2012-01-10 14:21:00
103
转载 test
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">...
2012-01-06 13:29:00
81
转载 前端导航
http://uicss.cn/daohang/转载于:https://www.cnblogs.com/czj33499173/archive/2012/01/06/2314270.html
2012-01-06 12:46:00
91
转载 text
<span id="mce_marker" data-mce-type="bookmark"></span><span id="__caret">_</span>ssssssssssss 提示：可以先修改部分代码再运行转载于:https://www.cnblogs.com/czj33499173/archive/2012/01/0...
2012-01-05 21:34:00
88
转载 JavaScript DOM 编程艺术第二版【笔记-第一课】
了解JavaScript的起源 JavaScript是Netcape和Sun公司合作开发的。BOM：设定浏览器属性的办法可以看作BOM（浏览器对象模型）DOM：是一套对稳当的内容进行抽象和概念化地方法转载于:https://www.cnblogs.com/czj33499173/archive/2012/01/05/2313615.html...
2012-01-05 20:49:00
86
转载 CSS自适应宽度按钮
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met...
2012-01-04 15:58:00
167
转载 2012为自己制定目标,并为实现这个目标努力奋斗
“没有目标的人永远为有目标的人去努力”，无意中看到这句话，让我有很大的感触。它内涵深刻，发人深省。 2012年我为自己定下如下几个目标： 1.技术：在新的一年里要学习的技术有：HTML5、CSS3、JavaScript、JQuery、等一切有关Web前段开发技术。只要条件允许,每天都看2个小时的视频教程。 2.金钱：自己已经老大不小啦！已经23岁...
2012-01-01 02:01:00
348
转载 csshover.htc 以及简单使用方法（解决IE6下 :hover 在其他标签下无效问题）
===============================注：传说LINUX操作系统不支持 .htc文件===============================以下为csshover.htc 内容<attach event="ondocumentready" handler="parseStylesheets" /><script lan...
2011-12-30 16:31:00
245
转载 overflow与text-indent:-9999px 字体隐藏及input value偏移
作为一个web前端开发为了html语义化常常要给内容模块加上一些标题来让页面更有意义当然还有我们的图片按钮在抛开css裸奔的情况下也能很顺利的汲取到页面信息通常为了传达更好的视觉效果我们常用图片替代掉字体而早前的前端开发常直接不在html中给出内容用 ；（甚至为空）这样在没有加载到css时就无法知道这个区块究竟是什么...
2011-12-30 14:46:00
87
转载 css精灵
css精灵，即CSS Sprite，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。转载于:https://www.cnblogs.com/czj33499173/archive/2011/12/29/2306487.html...
2011-12-29 17:44:00
68
转载 zen coding
html:xt html:5转载于:https://www.cnblogs.com/czj33499173/archive/2011/12/29/2306483.html
2011-12-29 17:42:00
99
转载 CSS滤镜
style{filter:alpha(opacity=50);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}值有100%或0-1.转载于:https://www.cnblogs.com/czj33499173/archive/2011/12/29/2305939.html
2011-12-29 12:50:00
76
转载 miaov
<input type="checkbox" onmouseover="document.getElementById('div1').style.display='block';"onmouseout="document.getElementById('div1').style.display='none';";/>自动登录 <div id="div1"> 提示...
2011-12-23 15:11:00
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人