摘要：
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
玉米地
阅读(135)
评论(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
玉米地
阅读(418)
评论(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
玉米地
阅读(132)
评论(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
玉米地
阅读(336)
评论(0)
推荐(0)
摘要：
" 插入括号时，短暂地跳转到匹配的对应括号
set showmatch
" 使用 murphy 调色板
" set nocompatible
" 侦测文件类型
filetype on
" 设定文件浏览器目录为当前目录
set bsdir=buffer
set autochdir
" 设置文件编码
set fenc=utf-8
" 设置文件编码检测类型及支持格式
set fencs=utf-8,ucs-bom,gb18030,gbk,gb2312,cp936
" 指定菜单语言
set langmenu=zh_CN.U 阅读全文
posted @ 2013-10-30 14:03
玉米地
阅读(359)
评论(0)
推荐(0)
摘要：
多个DIV排列时居中 test 2 3 4 5 6 7 8 9 10 11 12 13 test
2
3
4
5
6
7
8
9
10
11
12
13 阅读全文
posted @ 2013-10-30 14:02
玉米地
阅读(408)
评论(0)
推荐(0)
摘要：
当然，每个人都可以编写CSS代码，甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗？开始用这5个Tips改进你的CSS吧！
1.重置 首先，很认真的告诉你，总是要重置某些分类。无论你是使用 Eric Meyer
Reset、YUI
Reset或者你自己编写的重置代码，只要使用就对了。 它能很简单的移除所有元素的填充（padding）和边距（margin）： html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt,
dd, p, blockquote,
pre, form, fieldset, table,... 阅读全文
posted @ 2013-10-30 14:02
玉米地
阅读(131)
评论(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
玉米地
阅读(189)
评论(0)
推荐(0)
摘要：
如何避免表格因为图片尺寸或者过长的英文字符而变形撑开，在CSS加入以下代码就可以防止，同时英文单词也会按单词断行，不是按字母这个。我想说的是这个在CSS2.0是不支持的，但是能解决一些实际问题。页面设计不是为了标准检验而设计，还是以用户使用为主，在目前有些WEB标准无法解决的一些问题上，我会采用一些非标准的方法处理，只要主流BROWSER如IE,Firefox,Netscape,Opera等上能正确显示，我会把通过WEB表准的校验放在次要位置，并且MS已经建议在CSS3.0中加入这个属性了，也许CSS3.0会支持。WEB标准也是在发展的，也许明天的标准就加入了这个属性，或者出现新的... 阅读全文
posted @ 2013-10-30 14:02
玉米地
阅读(749)
评论(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
玉米地
阅读(201)
评论(0)
推荐(0)
浙公网安备 33010602011771号