今天自己写css样式，其中用到了<ul>标签，设置了一系列效果后运行，发现位置与设置有出入。chrome上打开检查项，发现<ul>标签的styles底部多了以下一段：ul, menu, dir {display: block;list-style-type: disc;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;} 旁边显示来源是：user agent stylesheet 检查了html及css后，发现并无特别设置...
为什么要初始化css?建站老手都知道，这是为了考虑到浏览器的兼容问题，其实不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面差异。当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。相信很多人都曾经出现过多多少少的，有时候进行网页布局的时候，不知道为什么设置的网页边距总是达不到自己想要的效果。比如，我在这个属性设置了60px，但是，它却变成...
屏蔽IE浏览器（也就是IE下不显示）*:lang(zh) select {font:12px !important;} /*FF 可见，特别声明：由于Opera最新的更新，此句目前已经成为FF的专用HACK*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7识别*+html {…} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。IE6及IE6以下识别* html {…} 这个地方要特别注意很多地主都写...
1 针对Firefox ie6 IE7的Css样式现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+Html”，现在用IE7浏览一下，应该没有问题了。 现在写一个CSS可以这样：#1 { color: #333; } /* Moz */ * html #1 { color: #666; } /* IE6 */ *+html #1 { color: #999; } /* IE7 */那么在firefox下字体颜色显示为#333...
首先，说明一下表单标签（input、select）可能在各种浏览器中的表现差异：1.当input或select与其他标签（例如a、label）混排时，可能出现不居中的问题。2....混排时，外层标签不能控制表单标签。3.input里面输入的文字行高存在差别，有空隙等等。解析现象：input：text特性时，默认情况下：1.firefox高度height为16px；IE下高度为14px;2.字体大小为：13.3333px；3.input存在padding值：Firefox为：padding：1px 0；IE下为：padding...
一、!important (功能有限) 随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.) 例如: #example { width: 100px !important; /* IE7+FF */ width: 200px; /* IE6 */ }二、CSS HACK的方法(新手可以看看，高手就当路过吧) 首先需要知道的是： 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE7 专用 *+height: 100px; IE6、IE7 共用 *height: 100px; IE7、...
1. CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别区别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; IE7,IE8兼容...
Google Chrome浏览器的页签比较特别的是激活页签能“吃”掉旁边非激活页签的一部分。这对css提出了一些挑战。如下图：当然，要求是只能使用两张图，宽度自适应，用到的图：正常页签背景：激活页签背景：代码： <!DOCTYPE HTML> <head><title>google chrome tab</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css">/*simple reset*/*{padding:0px;margin:0px;}/*clearfix*/.cle...
selector {filter: alpha(opacity=50); /* internet explorer */-khtml-opacity: 0.5; /* khtml, old safari */-moz-opacity: 0.5; /* mozilla, netscape */opacity: 0.5; /* fx, safari, opera */}
CSS hack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对我们制作兼容网页非常有帮助。
在IE下，位于该标记下的代码是不会显示在页面中，这对于用来隐藏一些HTML代码非常有用。 但在非IE浏览器下，该标记的无效；可分别在IE和FF下测试一下下面这段代码，就知道效果了。 代码如下: 测试：隐藏内容 alert(document.getElementById("CnLei").innerHTML); 解决方法： 在CSS中定义 comment {display:none;} 就可变成在各浏览器下通用的。 代码如下: comment {display:none;} 测试：隐藏内容 alert(document.ge...
1,盒解释器的不同解释. #box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}2,在ie中隐藏css,使用子选择器 html>body #box{ }3,只有ie识别 *html #box{ }4,在ie/win有效而ie/max隐藏,使用反斜杠 /* \ */#box{ }5,给ie单独定义样式 这里更加详细的...
我们都知道浏览器之间是有差异的，很多人在使用XHTML+CSS方式制作网页的时候都曾为此无比头痛。要在这些差异的影响下工作需要很多的技巧，“隐藏CSS”就是其中很重要的一种技巧（甚至是最重要的）。这种技巧的主要思想是，用某些方式对某些浏览器隐藏某些重载的CSS规则。 这篇文章并不是想教你如何使用这种技巧，它面向的是有一定CSS基础的设计开发者，我假定你曾经使用过某种隐藏CSS规则的方法。这里是想把可用的方法与被隐藏规则...
浏览器的后退按钮使得我们能够方便地返回以前访问过的页面，它无疑非常有用。但有时候我们不得不关闭这个功能，以 防止用户打乱预定的页面访问次序。本文介绍网络上可找到的各种禁用浏览器后退按钮方案，分析它们各自的优缺点和适 用场合。 一、概述 曾经有许多人问起，“怎样才能‘禁用'浏览器的后退按钮？”，或者“怎样才能防止用户点击后退按钮返回以前浏 览过的页面？”在ASP论坛上，这个问题也是问得最多的问题之一。...
对着多个解析不一样浏览器是件郁闷的事，是所有写CSS的人都会遇到的。 虽然条件注释是一比较理想的做法，向前向后兼容。可惜我不大喜欢N个版本的CSS, 先说下我的自己的用法. 初始化 Selectors{} 保证向后兼容性， 接着开始过滤 不管IE6有没有引进Quirks Mode 都用 * html Selectors{} 处理IE6和以下版本， 对下再向下版本的区分我做了比较复杂的处理。 用读入IE5.x @media tty { i{content:"\";/*" "*/}} @import 'ie5x.css'; /...