易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS hack:区分IE6,IE7,firefox

转自:http://www.div-css.com/html/XHTML-CSS/hack/1136667.html
区别不同浏览器,CSS hack写法:
区别IE6
与FF

       background:orange
;*
background:blue
;
区别IE6
与IE7

       background:green
 !important
;background:blue
;
区别IE7
与FF

       background:orange
; *
background:green
;
区别FF
,IE7
,IE6

       background:orange
;*
background:green
 !important
;*background:blue
;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
IE6
IE7
FF
*


×
!important
×


另外再补充一个,下划线"_
",
IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6
,IE7
,firefox
:
background:orange
;*
background:green
;_
background:blue
;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。


相关文档:

CSS中的cursor用法

CSS中的光标类型
语法:
  cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-resize | url ( url )
  取值:
auto
: 
默认值。浏览器根据当前情况自动确定鼠标光标类型。
......

js 修改CSS文件中的样式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT=""& ......

css 的命名规范

 一.文件命名规范
全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;
二.常用类/ID命名规范
页 眉:header
内 容:content
容 器:container
页 脚:footer
版 权:copyright 
导 航:menu
主导航:mainMenu
子导航:subMenu
......

CSS布局口诀 CSS BUG查找顺口溜

引用牛人经典口决
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布 ......

纯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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</ ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号