if语句判断,css中IE判断语句 if !IE
点评：在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer（简称IE）占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。1. !–[if !IE]!– 除IE外都可识别 !–![endif]– 2. !–[if IE]... [阅读全文]
table CSS制作好看的网页表格
点评：如果数据表格对于视力没有问题用户都难以阅读的话,那么想像一个那些用辅助技术(掌上设备)的人来说,它们是多么复杂和混乱.幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性. 1.summary 和 caption 第一元素是表格的caption,它基本上用做表格的标题.尽管这不是必须有的元素,但是尽可以使用caption总是好的.另一个元素是summary.summa... [阅读全文]
ie6双倍边距,在浏览器中解析 赋予margin属性 的checkbox空白边距（IE6和FF）
点评：在IE6中checkbox距离左边框有4像素的间隔，而在FF中则没有。测试条件： 1.不管出于什么目的，在公共样式中定义了input元素的margin属性，input { margin:0; } 2.在IE6中测试 测试代码： 复制代码代码如下:... [阅读全文]
css解释,CSS list-style熟悉解释
点评：css reset中的list-style:none.原来工作中曾经碰到过UL列表里一些异常的表现, 加上昨天看到了http://bbs.blueidea.com/thread-2984871-1-1.html 这个贴子,所以测试了一下list-style的各种属性,发现了一个有意思的现象 先看一下CSS手册中,对于list-style的解释 定义和用法 list-style 简写属性在一... [阅读全文]
css进度条,纯css制作的漂亮好看的进度条
点评：纯css做漂亮好看的进度条，看了绝对不后悔。效果 50% 兼容 IE6/7/8 Chrome 4 Firefox 3.5 等等 更多效果
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
html
head
title new document /title
me... [阅读全文]
css透明背景,CSS 透明背景时，记得给容器加上width宽度
点评：因为我父层定了宽,里面这个层自然我就不会再写一遍啦!结果问题就出在这.给其加个宽就行了.(另外不加宽加个绝对定位也行哦!)在项目中用到的透明效果,除了用PNG24图片外就是用如下样式了: 复制代码代码如下:... [阅读全文]
cssbug,css Sub-Pixel Bug?!
点评：jQuery之父John Resig写过一篇《Sub-Pixel Problems in CSS》，一个50px宽的div中有4个float的div，每个宽25%，然而各个浏览器对50*25%的理解有些纠结jQuery之父John Resig写过一篇《Sub-Pixel Problems in CSS》，一个50px宽的div中有4个float的div，每个宽25%，然而各个浏览器对50*2... [阅读全文]
ie6css,一切诋毁IE6的言论都是纸老虎 CSS Hacks
点评：当然有很多人歇斯底里地诋毁 IE6，在此想说的是，一切诋毁 IE6 的言论都是纸老虎。看看 IE6 的历史，它绝不是一个错误的存在。IE7/IE8 这些有严重后遗症的版本才是导致一切杯具的罪魁祸首。下面是各个 IE 版本的 CSS Hacks 写法. 掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花，我们寻找着尽可能使各种浏览器表现一致的 CSS 写法... [阅读全文]
css3圆角,收集的7个CSS3代码生成工具
点评：说到CSS3相信都并不陌生了，但是对于应用来说，却鲜见有人体验，尤其是在大型网站开发过程中，还是在保守地使用当前的CSS语言编写代码。在一些个人性质的网站和博客中，已经有不少人开始使用CSS3进行网站的编写，总之CSS 3的广泛应用是需要多方面的支持才可以变的更加广泛。这里是7个不错的CSS3 代码生成工具，或许对你学习CSS 3会有很大的帮助。1. CSS3 Generator2. CSS... [阅读全文]
css外部样式表,css外部样式加载Link与import的区别
点评：我们引用css文件通常有两种方式:link,@import 这两天整理了一下这两种用法的区别，加深认识第一点:引用方式 首先看link link rel="stylesheet" type="text/css" href="http://www.jb51.net/style.css" / 最常见的link引用方式，分别解释一下没一个属性先 rel:告诉浏览器引用的是一个样式表文件 type:... [阅读全文]
window7,基于css3仿造window7的开始菜单
点评：相当逼真，css3果然强悍。要留意的点依旧是哪几项，难点在于细节的微调，尤其是渐变背景的制作，css3中非常灵活，下次有机会，发篇css3渐变背景的详细教程。 相当逼真，css3果然强悍。友情提示：请勿在IE下浏览。来看下原作者的设计草图： 简明创建过程 第一步 ：创建如下菜单结构 复制代码代码如下:... [阅读全文]
HTML+CSS3 模仿Windows7 桌面效果
点评：心血来潮也尝试着做了一个Windows 7 桌面效果，喜欢的朋友可以测试下。前一阵在园子里看到一篇文章《基于css3仿造window7的开始菜单》，文中仅使用CSS3 实现了Windows 7 开始菜单的动态效果，很久以来一直被WPF/Silverlight 山上的风景所吸引，未成想其他的山也同样引人入胜。于是心血来潮也尝试着做了一个Windows 7 桌面效果，先来看几张截图吧。 桌面程序... [阅读全文]
css3圆角,CSS3 开发工具收集
点评：神采飞扬收集的一些CSS3 开发工具，学习css3的朋友可以参考下。通常来说，CSS非常简单。但是当浏览器厂商开始实现CSS3特性，问题开始变得有些复杂了。不难，只是有些复杂。这可能包括两个方面：首先有些心得CSS3属性(比如，transition、渐变、transform等)不是那么简单，其次我们不得不使用浏览器厂商指定扩展。直到你最喜欢用的IDE原生支持CSS3，你最好的伙伴将是CSS3... [阅读全文]
cssp元素,css pointer-events属性实现下面元素可点击
点评：是否曾经有过这样的经历：把一个元素置于另一个元素之上，而希望下面的那个元素成为可点击的？现在，利用css的pointer-events属性即可做到。是否曾经有过这样的经历：把一个元素置于另一个元素之上，而希望下面的那个元素成为可点击的？现在，利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG，目前在很多浏... [阅读全文]
css布局,CSS布局最常见的八条错误小结
点评：很多人对于CSS都是边干边学习，因为它不像C#之类的语言那么复杂，看起来似乎挺简单，然而正是这种对CSS的不完整的理解，导致了许多的CSS代码破坏了布局，或者带来了无休止的调试，以下总结了八条最常见的错误，以及它们的解决之道.很多人对于CSS都是边干边学习，因为它不像C#之类的语言那么复杂，看起来似乎挺简单，然而正是这种对CSS的不完整的理解，导致了许多的CSS代码破坏了布局，或者带来了无休... [阅读全文]
重新认识你自己,重新认识一下网页标准
点评：现在HTML5如日中天，各大浏览器都声称支持或者将支持HTML的特性，好像HTML5能够让互联网更美好，能让网站开发人员解放一样。或许大家被压抑太久，或许大家太乐观，或许标准真的已经深入人心了。译自：What are web standards?中文：什么是网页标准？原作者：Nicholas C. Zakas请尊重版权，转载请注明出处！译序：现在HTML5如日中天，各大浏览器都声称支持或者将... [阅读全文]
喝茶的好处和坏处,使用CSS sprite 的好处和坏处分析
点评：无处不在的 CSS sptites － 为数不多的几个可以直接跳过”流行”这个过程，而可以马上并且牢牢地跻身于最佳 CSS 实践之中的几个技术之一。原文：CSS Sprites: Useful Technique, or Potential Nuisance?译文：CSS Sprites：鱼翅还是三鹿？无处不在的 CSS sptites － 为数不多的几个可以直接跳过”流行&rd... [阅读全文]
网页设计小技巧,CSS设计网页小技巧 100%的高度
点评：在前端人员之间有一个普遍存在的问题，如何让一个div的高度自动延伸到浏览窗口100%的高度。有一些不同的方法可以实现，但是，我想出了一个我个人比较喜欢的方法。今天，我将于你分享一下。在前端人员之间有一个普遍存在的问题，如何让一个div的高度自动延伸到浏览窗口100%的高度。有一些不同的方法可以实现，但是，我想出了一个我个人比较喜欢的方法。今天，我将于你分享一下。我对你是不了解的，但我试图弄明... [阅读全文]
css技巧,编写易于管理的css的技巧
点评：越来越多的大型网站开始关注、使用css，对于管理多个复杂css文件显然是有异议的。下面是二系列内容中的第一部分，第一部分我们关注对于管理样式的观点，并在其基础上总结出可行的方案。第二部分我们将对以上结论进行对比。强大的css技术最近几年已经被广泛推广了。感谢Wired redesign(以及后来的high profile redesigns…，更多组织)和CSS Zen Gar... [阅读全文]
divspan,CSS DIV元素与SPAN元素的区别
点评：标准布局中DIV元素和SPAN元素的区别和应用首先讲两个概念，一个是行内元素，一个是块级元素。行业元素是指该元素标记的内容不不会对现在的结构造成影响，属于应用样式，辅助应用样式表等作 用；而块级元素为一个块状，单独占据一行，相当于在一个该元素前后各加一个换行。 两者最明显的区别是：DIV(division)是一个块级元素，可以包含段 落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是... [阅读全文]
css代码,网页变灰配合全国哀悼日的css代码 20100421
点评：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。 直接在*.css文件最前面加入 复制代码代码如下:... [阅读全文]
css首字下沉,CSS first-letter实现首字下沉
点评：关于利用first-letter实现首字下沉的一些看法前几天在“CSS那些事儿”的群中，一位读者朋友（小土豆）问我书中提到首字下沉的时候为什么要增加一个清除浮动。当时我自己一时迷惑了，为什么呢，怎么一点印象都没有呢。赶紧打开电子版的《CSS那些事儿》找到相对应的章节，并且在各个浏览器中测试了之后才发现，我当初对这块的说明太少了，才让她产生了一些不理解的想法，或许也有其... [阅读全文]
div半透明,DIV半透明代码 兼容主流浏览器
点评：DIV半透明代码 兼容主流浏览器，需要的朋友可以参考下。
div style="filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;width: 100%;"
from www.jb51.net
/div
提示：您可以先修改部分代码再运行... [阅读全文]
让Firefox未载入图片显示边框
点评：在IE中,未载入的图片显示一个红叉,而在Firefox里面,未载入的图片不仅什么提示都没有,甚至连图片所占用的宽和高都去掉了!这对用户比较友好,但是对于网页开发者来说有点不爽...下面就是解决Firefox未载入图片不显示的解决办法:1.下载Stylish插件 http://addons.mozilla.org/zh-CN/firefox/addon/2108/2.安装并重启Firefox... [阅读全文]
浏览器hack,css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程
点评：本CSS Hack代码范例，可以直观显示各个版本浏览器hack的使用。兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0。IE7.0简体中文正式版发布了，对于我等常和网页打交道的人来说网页兼容性问题也随之而来了。IE7.0有一个显著的改变就是支持!important了，是件好事情，但是也给广大的在IE6时代使用!important来区分处理IE和FF的网页制作者带来了... [阅读全文]
css字体,css overflow与text-indent:-999em 字体隐藏
点评：css overflow与text-indent:-999em 字体隐藏,需要的朋友可以参考下。作为一个web前端开发 为了html语义化 常常要给内容模块加上一些标题来让页面更有意义 当然还有我们的图片按钮 在抛开css裸奔的情况下也能很顺利的汲取到页面信息 通常为了传达更好的视觉效果 我们常用图片替代掉字体 而早前的前端开发常直接不在html中给出内容 用 ;(甚至为空) 这样在没有加载... [阅读全文]
div遮挡,IE6 select z-index无效,遮挡div bug的解决方法
点评：在最近的一个项目中，遇到了IE6 select遮挡div的bug，为了解决这个bug我查了很多资料，试图找到一个最最有效的方法，很多人是通过iframe的方法来解决，其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法，已经使用jQuery插件bgiframe解决IE6 select z-index无效，遮挡div的bug。 解决方法之一：Ifra... [阅读全文]
css表格边框,用CSS设置表格Table的细边框的比较好用的方法
点评：大家经常会发现Table的BORDER设置为1，得到的边框却不是想要的1个像素的细边框，于是很多人去想方设法做出细边框的效果。设置Table的细边框通常有这么几种方式： 1、设置边框的BORDER=0 、cellspacing=1，设置Table的背景色为所要的边框色，再设置所有的td背景色为白色，这样细边框就显露出来了。这个方法有些邪气，看似不太正宗，但是也能达到效果，条条大路通罗马嘛！ ... [阅读全文]
css3圆角,css3 border-image使用说明
点评：css3_快速弄明白border-image 在看这个属性时，好像国内的文章都没给大家说太明白，今天就一起说说首先来一个素材图片whiteButton.png 然后我们要做成这样的效果： 代码（呵呵！请不要急，继续向下看）：复制代码代码如下:... [阅读全文]
css选择器,CSS 选择器浅谈
点评：属性选择器 CSS3 标准还有很多非常实用的特性，但IE 7 依然不支持A 标签HTML 选择器 复制代码代码如下:... [阅读全文]
