CSS的常用技巧放送

• 你可以这样定义使它横向居中：

  #wrap {
  width:760px; /* 修改为你的层的宽度 */
  margin:0 auto;
  }

  但是IE5/Win不能正确显示这个定义，我们采用一个非常有用的技巧来解决：用text-align属性。就象这样：

  body {
  text-align:center;
  }
  #wrap {
  width:760px; /* 修改为你的层的宽度 */
  margin:0 auto;
  text-align:left;
  }

  第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ，第二个text-align:left;是将#warp中的文字居左。

  十五.导入(Import)和隐藏CSS

  因为老版本浏览器不支持CSS，一个通常的做法是使用@import技巧来把CSS隐藏起来。例如：

  @import url(main.css);

  然而，这个方法对IE4不起作用，这让我很是头疼了一阵子。后来我用这样的写法：

  @import main.css;

  这样就可以在IE4中也隐藏CSS了，呵呵，还节省了5个字节呢。想了解@import语法的详细说明，可以看这里《centricle’s css filter chart》

  十六.针对IE的优化

  有些时候，你需要对IE浏览器的bug定义一些特别的规则，这里有太多的CSS技巧(hacks)，我只使用其中的两种方法，不管微软在即将发布的IE7 beta版里是否更好的支持CSS，这两种方法都是最安全的。

  1.注释的方法

  (a)在IE中隐藏一个CSS定义，你可以使用子选择器(child selector):
  html>body p {
  /* 定义内容 */
  }

  (b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏)
  * html p {
  /* declarations */
  }

  (c)还有些时候，你希望IE/Win有效而IE/Mac隐藏，你可以使用反斜线技巧：
  /* */
  * html p {
  declarations
  }
  /* */
  2.条件注释(conditional comments)的方法

  另外一种方法，我认为比CSS　Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式，而不影响主样式表的定义。就象这样：

  <!--[if IE]>
  <link rel=stylesheet type=text/css href=ie.css />
  <![endif]-->
  十七.调试技巧：层有多大？

  当调试CSS发生错误，你就要象排版工人，逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色，这样就能很明显看到层占据多大空间。有些人建议用 border，一般情况也是可以的，但问题是，有时候border 会增加元素的尺寸，border-top和boeder-bottom会破坏纵向margin的值，所以使用background更加安全些。

  另外一个经常出问题的属性是outline。outline看起来象boeder，但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性，我所知道的只有Safari、OmniWeb、和Opera。

  十八.CSS代码书写样式

  在写CSS代码的时候，对于缩进、断行、空格，每个人有每个人的书写习惯。在经过不断实践后，我决定采用下面这样的书写样式：

  selector1,
  selector2 {
  property:value;
  }

• 上一页 [1] [2] [3] [4] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• CSS的常用技巧放送 相关文章：
• ·Vista精简工具vLite 1.1RC版下载
• ·学习CSS制作网页的多个经验技巧
• ·高度优雅与魅力 Chanel时装设计
• ·AutoCAD造型实例：十字形螺丝刀头
• ·InterPhonic 文本至语音转换合成在线完成
• ·多个CSS样式表争夺特定选择符的控制权
• ·AutoCAD造型实例：一字形螺丝刀头
• ·巧用名称框选择过宽的Excel单元格区域
• ·学习CSS制作网页总结的一些经验技巧
• ·纯CSS制作的新闻网站中的文章列表
• CSS的常用技巧放送 相关软件
• ·《冰封王座》地图：CLJ-天地三国3C+AI-V1.6版
• ·《冰封王座》录像：：mouz.GeIL.KnOfF Vs fnatic.Satiini{Echo Isles}
• ·《冰封王座》录像：TargA Vs 4K.Creolophus{Gnoll Wood}
• ·id Tech 5引擎演示
• ·《冰封王座》地图：真三国无双v4.3C2 简繁
• ·狂野非洲－免CD补丁
• ·行会2之维京霸主－免CD补丁
• ·行会2之维京霸主－模拟方式免CD补丁
• ·医院大亨－免CD补丁
• ·医院大亨－模拟方式免CD补丁

上一篇:Word文档双面打印 页码位置随我怎么设

下一篇:C#使用WIN32API来遍历文件和目录

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐