来一发CSS教程:前提正文的格局和感化

表现和结构分离，在团队开发中更容易分工合作而减少相互关联性
破洛洛文章简介：在CSS框架和模板呈现今后，一些结构的成绩能够很简单办理失落，可是明显这不克不及办理全体成绩。这些成绩一般能够经由过程一般的CSS来办理，可是偶然候只针对IE显现一些(款式)信息大概会更好。
原文：http://www.qianduan.net/?p=6572
译自：http://www.divitodesign.com
版权一切，转载请说明出处，感谢。
也许你晓得，InternetExplorer6已不是开始进的扫瞄器了。现实上，它已八岁了，可是良多人还在利用这个不平安的扫瞄器。正由于云云，网页计划师不能不分外忧虑他们的网站在IE6下的体现。
在CSS框架和模板呈现今后，一些结构的成绩能够很简单办理失落，可是明显这不克不及办理全体成绩。这些成绩一般能够经由过程一般的CSS来办理，可是偶然候只针对IE显现一些(款式)信息大概会更好。
这是用前提正文是能够完成的。前提正文只撑持Windows体系中的IE扫瞄器。经由过程这些技能，我们能够为基于Windows的IE5、6、7、8增加一些特别的举动。如许做的优点是，HTML和CSS代码能够经由过程考证。
前提正文的格局
一切可用的前提正文标签是基于不异的道理的。这些前提正文可用于一切的IE扫瞄器版本。
<!--[ifIE]>
假如用户利用IE扫瞄器，这里的信息会失效。
<![endif]-->
依据情形分歧，你必要增加一个扫瞄器版本号。好比，也许你想让IE5.5利用一个分歧的款式表：
<!--[ifIE5.5]>
<linkrel="stylesheet"href="css/ie5.css"type="text/css"media="screen,projection"/>
<![endif]-->
大概只针对IE7:
<!--[ifIE7]>
<linkrel="stylesheet"href="css/ie.css"type="text/css"media="screen,projection"/>
<![endif]-->
你已把握了方法了，是吧？
我们还能用前提正文做甚么？
微软一样为这些前提正文增加了一些参数。好比，我们可使用高于或即是某个版本、低于或即是某个版本。增加这些切实其实很便利。
好比说，我们要给IE7和以下的扫瞄器增加一个分歧的款式表，我们能够如许做：
<!--[iflteIE7]>
<linkrel="stylesheet"href="css/ie.css"type="text/css"media="screen,projection"/>
<![endif]-->
大概我们想为IE6以上的扫瞄器创立一个分歧的款式表：
<!--[ifgteIE6]>
<linkrel="stylesheet"href="css/ie.css"type="text/css"media="screen,projection"/>
<![endif]-->
我们能够在我们的前提正文中利用以下参数：

• lte-低于或即是
  
• lt-低于
  
• gte-高于或即是
  
• gt-高于
  
• (IE6)|(IE7)-InternetExplorer6或InternetExplorer7
  
• (IE6)&(IE7)-InternetExplorer6和InternetExplorer7
  
• 点击这里检察更多参数
  

利用前提正文让用户晋级他们的过期的扫瞄器
我一般不利用前提正文来修改扫瞄器bug。我利用他们的办法是告知人们，他们利用的是一个过期的扫瞄器。在此类信息内里，我告知他们，为了平安和更多功效，他们应当晋级他们的扫瞄器。
<!--[ifltIE7]>
<pclass="error">告诫！您正在利用一款过期的扫瞄器。这个版本的扫瞄器功效对照复杂并且不敷<strong>平安</strong>。请晋级您的扫瞄器到<ahref="http://getfirefox.org/"href="http://getfirefox.org/">下载FireFox</a>或<ahref="Internet>http://www.microsoft.com/downloads/en/default.aspx">
InternetExplorer7+.</p>
<![endif]-->
经由过程这类办法，在用户看到这条动静的时分，你能够告知用户，他们不该该利用这个版本的扫瞄器，然后他们便可能晋级到一个更先辈的扫瞄器。
正如你看到的如许，你能够在你的网站中利用这些前提正文的优点。
头几天前端察看宣布了一系列的前提CSS的用法，那些用法是基于这个前提正文的扩大用法。固然这类前提正文的用法对照复杂便利，可是利用前提css能够完成更初级的功效。请注重，本文所讲的前提正文能够间接在HTML代码中利用，而前提CSS必要共同程序完成。——神飞

提高易用性。使用CSS可以结构化HTML，例如：标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。