摘要：
所有浏览器 通用
height:
100px;
IE6 专用
_height: 100px;
IE6 专用
*height:
100px;
IE7 专用
*+height: 100px;
IE7、FF 共用
height: 100px !important;
一、CSS 兼容
以下两种方法几乎能解决现今所有兼容.
1, !important
(不是很推荐，用下面的一种感觉最安全)
随着IE7对!important的支持, !important
方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
代码: 2, IE6/IE77对FireFox *+html 与 *ht... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(110)
评论(0)
推荐(0)
摘要：
1、终极方法：条件注释 这段文字仅显示在
IE6及IE6以下版本。 这段文字仅显示在
IE6及IE6以上版本。 这段文字仅显示在
IE6以上版本（不包含IE6）。 这段文字仅显示在 IE5.5。 缺点是在IE浏览器下可能会增加额外的HTTP请求数。 2、CSS选择器区分 IE6不支持子选择器；先针对IE6使用常规申明CSS选择器，然后再用子选择器针对IE7+及其他浏览器。 .content {color:red;} div>p .content {color:blue;}
-->
3、PNG半透明图片的问题 虽然可以通过JS等方式解决... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(125)
评论(0)
推荐(0)
摘要：
DIV+CSS解决IE6，IE7，IE8，FF兼容问题
我搜了一个，这里只说现在主流的几个，（IE6，IE7，IE8，FF）其它的先不管
1.ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了 2.flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，!important解决，比如
margin-left:10px !important;;
margin-left:5px;
+height:120px;
5.有时候，会在布局的时候，发现，有一个DIV浮动了，接下来的一个DIV本来是要在下面显示的，... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(412)
评论(0)
推荐(0)
摘要：
我们知道ie会在一段时间内仍然流行，但是我们仍然可以支持浏览器并且避免hacks和条件css吗？这里有十条使用有效的html和css代码修复可以兼容ie6常见的问题。
1、使用一个声明
你必须经常在html网页头部放置一个声明，推荐使用严格的标准。例如
或者xhtml使用
最后你需要是ie6进入兼容模式，这已经足够兼容的了。
2、使用position: relative
设置一个标签position:
relative可以解决很多问题，特别是曾经有过看不见的经历或者奇怪布局的框架。明显的，你需要小心，绝对位置放置的子元素是否都参照找到新位置。
3、为浮动元素使用display:inl... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(117)
评论(0)
推荐(0)
摘要：
vi/vim 基本使用方法
本文介绍了vi (vim)的基本使用方法，但对于普通用户来说基本上够了！ vi编辑器是所有
Unix及Linux系统下标准的编辑器，它的强大不逊色于任何最新的文本编辑器，这里只是简单地介绍一下它的用法和一小部分指令。由于对Unix及
Linux系统的任何版本，vi编辑器是完全相同的，因此您可以在其他任何介绍vi的地方进一步了解它。Vi也是Linux中最基本的文本编辑器，学会它
后，您将在Linux的世界里畅行无阻。 1、vi的基本概念 基本上vi可以分为三种状态，分别是命令模式（command mode）、插入模式（Insert mode）和底行模式... 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(319)
评论(0)
推荐(0)
摘要：
今天我们将向大家分享一些为你平淡乏味的图片添加更多趣味情调的简单技巧。使用Photoshop为每个图片添加某种样式虽然可行，但会是相当乏味且困难的长久工作。下面要介绍的CSS技巧将帮助你从痛苦中解脱出来！如果你也有自己独到的CSS技巧，希望能一同分享。
阴影效果
通过使用带有一些padding之的背景图来添加阴影效果。 效果预览
HTML CSS img.shadow { background: url(shadow-1000×1000.gif) no-repeat
right bottom; padding: 5px 10px 10px 5px;
}
... 阅读全文
posted @ 2013-10-30 14:02
玉米地
阅读(176)
评论(0)
推荐(0)
摘要：
如何避免表格因为图片尺寸或者过长的英文字符而变形撑开，在CSS加入以下代码就可以防止，同时英文单词也会按单词断行，不是按字母这个。我想说的是这个在CSS2.0是不支持的，但是能解决一些实际问题。页面设计不是为了标准检验而设计，还是以用户使用为主，在目前有些WEB标准无法解决的一些问题上，我会采用一些非标准的方法处理，只要主流BROWSER如IE,Firefox,Netscape,Opera等上能正确显示，我会把通过WEB表准的校验放在次要位置，并且MS已经建议在CSS3.0中加入这个属性了，也许CSS3.0会支持。WEB标准也是在发展的，也许明天的标准就加入了这个属性，或者出现新的... 阅读全文
posted @ 2013-10-30 14:02
玉米地
阅读(739)
评论(0)
推荐(0)
摘要：
//调用外部CSS中调用外部CSS的语法是@import
url("file.css");直接插入到CSS文件或之间就可以了。 @import url("layout.css"); @import url("page.css"); //基本样式 *{ / .center{ //中间主体部分，导航栏处 margin:0px auto; } .w960{ width:960px; //中间主体宽度960 position:relative; //它可以随窗口大小变化 } ... 阅读全文
posted @ 2013-10-30 14:02
玉米地
阅读(190)
评论(0)
推荐(0)
摘要：
3．实例强化对定位属性的理解
（1）无定位设置，对象遵循HTML定位规则。一般是子级不会跑出父级外边去（子级没有使用负边界情况），子级一般是靠在父级左上角的，父级放在最下层。 （4）相对定位对象会占据它原来位置，在下面实例中，没有设定相对定位前，绿色小盒子是在蓝色盒子左上角的，之前也设定了绿色小盒子的浮动方式为左浮动，可以看到文本环绕在它右边，但是后来用相对定位方法把绿色小盒子重定位到外面去了，它还占着自己原来位置，因为你还可以看到文本流没有发生自动填补流动。因此这种直接的相对定位方法较少用，因为重定位对象后原来位置空了一块。相对定位常与绝对定位结合用，一般是给父级设定相对定位方式... 阅读全文
posted @ 2013-10-30 14:02
玉米地
阅读(189)
评论(0)
推荐(0)
摘要：
1．定位的专业解释
(1)语法
position : static | absolute | fixed | relative
(2)
说明从上面语法可以看出，定位的方法有很多种，它们分别是静态（static），绝对定位
（absolute），固定(fixed)，相对定位（relative）。在这个教程里，我不逐一讲，只讲最常用也是最实用的两个定位方法：绝对定位
（absolute）、相对定位（relative）。
绝对定位（absolute）：将被赋予此定位方法的对象从文档流中拖出，使用left，right，top，
bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝... 阅读全文
posted @ 2013-10-30 14:02
玉米地
阅读(270)
评论(0)
推荐(0)
浙公网安备 33010602011771号