来一发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标签只用来表现格式化的数据等等。

不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

仓酷云

还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

滚动条)层属性--溢出(visible/hidden/scroll/auto)

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。