<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>W3C CSS 验证服务</title>
    <link rev="made" href="mailto:www-validator-css@w3.org" />
    <link rev="start" href="./" title="Home page for the W3C CSS Validation Service" />
    <style type="text/css" media="all">
      @import "style/base.css";
	      </style>   
      <script type="text/javascript" src="scripts/mootools.js"></script>
    <script type="text/javascript" src="scripts/w3c-validator.js"></script>
    </head>

  <body>
   <div id="banner">
    <h1 id="title"><a href="http://www.w3.org/"><img alt="W3C" width="110" height="61" id="logo" src="./images/w3c.png" /></a>
    <a href="./"><span>CSS Validation Service</span></a></h1>
    <p id="tagline">
      检查层叠样式表(CSS)文档和HTML或者XHTML文档中的CSS内容
    </p>
   </div>
  <div id="frontforms">
      <ul id="tabset_tabs">
        <li><a href="#validate-by-uri" class="active">通过指定URI</a></li><li><a href="#validate-by-upload">通过文件上传</a></li><li><a href="#validate-by-input">通过直接输入</a></li>
      </ul>
      <div id="fields">

      <fieldset id="validate-by-uri" class="tabset_content front">
        <legend class="tabset_label">验证指定URI的CSS内容</legend>
        <form method="get" action="validator">
        <p class="instructions">
          输入你想验证的文档(带CSS的HTML文档或者CSS文档)的URI :
        </p>
        <p>
           <label title="Address of page to Validate" for="uri">URI地址 :
             <input type="text" name="uri" id="uri" size="45" />
           </label>
        </p>
              <fieldset id="extra_opt_uri" class="moreoptions">
    <legend class="toggletext" title="Show/Hide extra validation options">更多选项</legend>
    <div class="options">
    <table>
    <tr>
    <th id="header_profile_uri">
      <label for="profile_uri">配置 :</label>
    </th>
    <td headers="header_profile_uri">
      <select id="profile_uri" name="profile">
        <option value="none">不指定配置文件</option>
        <option value="css1">CSS 版本 1</option>
        <option value="css2">CSS 版本 2</option>
        <option selected="selected" value="css21">CSS 版本 2.1</option>
        <option value="css3">CSS 版本 3</option>
        <option value="svg">SVG</option>
        <option value="svgbasic">SVG Basic</option>
        <option value="svgtiny">SVG Tiny</option>  
        <option value="mobile">Mobile</option>
        <option value="atsc-tv">ATSC TV profile</option>
        <option value="tv">TV profile</option>
      </select>
    </td>
    <th id="header_medium_uri">
      <label for="medium_uri">媒介 :</label>
    </th>
    <td headers="header_medium_uri">
      <select id="medium_uri" name="usermedium">
        <option selected="selected" value="all">全部</option>
        <option value="aural">听觉设备</option>
        <option value="braille">布莱叶点字</option>
        <option value="embossed">浮雕</option>
        <option value="handheld">手持设备</option>
        <option value="print">印刷设备</option>
        <option value= "projection">投影设备</option>
        <option value="screen">银幕</option>
        <option value="tty">TTY</option>
        <option value="tv">电视</option>
        <option value="presentation">演示设备</option>
      </select>
    </td>
    </tr>
    <tr>
        <th id="header_warning_uri">
      <label for="warning_uri">警告  :</label>
    </th>
    <td
        colspan="3"
         headers="header_warning_uri">
      <select id="warning_uri" name="warning"> 
        <option value="2">全部</option>
        <option selected="selected" value="1">正常</option>
        <option value="0">最重要的</option>
        <option value="no">取消警告</option>
      </select>
    </td>
    </tr>
    </table>
    </div><!-- item_contents -->
  </fieldset><!-- invisible -->
  
  <p class="submit_button">
  <input type="hidden" name="lang" value="zh-cn" />
    <label title="Submit URI for validation">
      <input type="submit" value="Check" />
    </label>
  </p>
      </form>
      </fieldset>

      <fieldset id="validate-by-upload"  class="tabset_content front">
        <legend class="tabset_label">验证上传文件</legend>
      <form method="post" enctype="multipart/form-data" action="validator">
        <p class="instructions">选择需要验证的文件 :</p>
        <p>
          <label title="Choose a Local File to Upload and Validate" for="file">本地CSS文件 :
          <input type="file" id="file" name="file" size="30" /></label></p>
                      <fieldset id="extra_opt_upload" class="moreoptions">
    <legend class="toggletext" title="Show/Hide extra validation options">更多选项</legend>
    <div class="options">
    <table>
    <tr>
    <th id="header_profile_upload">
      <label for="profile_upload">配置 :</label>
    </th>
    <td headers="header_profile_upload">
      <select id="profile_upload" name="profile">
        <option value="none">不指定配置文件</option>
        <option value="css1">CSS 版本 1</option>
        <option value="css2">CSS 版本 2</option>
        <option selected="selected" value="css21">CSS 版本 2.1</option>
        <option value="css3">CSS 版本 3</option>
        <option value="svg">SVG</option>
        <option value="svgbasic">SVG Basic</option>
        <option value="svgtiny">SVG Tiny</option>  
        <option value="mobile">Mobile</option>
        <option value="atsc-tv">ATSC TV profile</option>
        <option value="tv">TV profile</option>
      </select>
    </td>
    <th id="header_medium_upload">
      <label for="medium_upload">媒介 :</label>
    </th>
    <td headers="header_medium_upload">
      <select id="medium_upload" name="usermedium">
        <option selected="selected" value="all">全部</option>
        <option value="aural">听觉设备</option>
        <option value="braille">布莱叶点字</option>
        <option value="embossed">浮雕</option>
        <option value="handheld">手持设备</option>
        <option value="print">印刷设备</option>
        <option value= "projection">投影设备</option>
        <option value="screen">银幕</option>
        <option value="tty">TTY</option>
        <option value="tv">电视</option>
        <option value="presentation">演示设备</option>
      </select>
    </td>
    </tr>
    <tr>
        <th id="header_warning_upload">
      <label for="warning_upload">警告  :</label>
    </th>
    <td
        colspan="3"
         headers="header_warning_upload">
      <select id="warning_upload" name="warning"> 
        <option value="2">全部</option>
        <option selected="selected" value="1">正常</option>
        <option value="0">最重要的</option>
        <option value="no">取消警告</option>
      </select>
    </td>
    </tr>
    </table>
    </div><!-- item_contents -->
  </fieldset><!-- invisible -->
  
  <p class="submit_button">
  <input type="hidden" name="lang" value="zh-cn" />
    <label title="Submit file for validation">
      <input type="submit" value="Check" />
    </label>
  </p>
      </form>
      </fieldset>

      <fieldset id="validate-by-input"  class="tabset_content front">
        <legend class="tabset_label">验证直接输入的内容</legend>
        <form action="validator" enctype="multipart/form-data" method="post">
        <p class="instructions">输入你要验证的CSS代码 :</p>
        <p>
          <textarea name="text" rows="12" cols="70"></textarea>
        </p>      
              <fieldset id="extra_opt_input" class="moreoptions">
    <legend class="toggletext" title="Show/Hide extra validation options">更多选项</legend>
    <div class="options">
    <table>
    <tr>
    <th id="header_profile_input">
      <label for="profile_input">配置 :</label>
    </th>
    <td headers="header_profile_input">
      <select id="profile_input" name="profile">
        <option value="none">不指定配置文件</option>
        <option value="css1">CSS 版本 1</option>
        <option value="css2">CSS 版本 2</option>
        <option selected="selected" value="css21">CSS 版本 2.1</option>
        <option value="css3">CSS 版本 3</option>
        <option value="svg">SVG</option>
        <option value="svgbasic">SVG Basic</option>
        <option value="svgtiny">SVG Tiny</option>  
        <option value="mobile">Mobile</option>
        <option value="atsc-tv">ATSC TV profile</option>
        <option value="tv">TV profile</option>
      </select>
    </td>
    <th id="header_medium_input">
      <label for="medium_input">媒介 :</label>
    </th>
    <td headers="header_medium_input">
      <select id="medium_input" name="usermedium">
        <option selected="selected" value="all">全部</option>
        <option value="aural">听觉设备</option>
        <option value="braille">布莱叶点字</option>
        <option value="embossed">浮雕</option>
        <option value="handheld">手持设备</option>
        <option value="print">印刷设备</option>
        <option value= "projection">投影设备</option>
        <option value="screen">银幕</option>
        <option value="tty">TTY</option>
        <option value="tv">电视</option>
        <option value="presentation">演示设备</option>
      </select>
    </td>
    </tr>
    <tr>
        <th id="header_type_input">
      <label for="type_input">类别 :</label>
    </th>
    <td headers="header_type_input">
      <select id="type_input" name="type">
        <option selected="selected" value="none">自动</option>
        <option value="html">HTML</option>
        <option value="css">CSS</option>
      </select>
    </td>
        <th id="header_warning_input">
      <label for="warning_input">警告  :</label>
    </th>
    <td
         headers="header_warning_input">
      <select id="warning_input" name="warning"> 
        <option value="2">全部</option>
        <option selected="selected" value="1">正常</option>
        <option value="0">最重要的</option>
        <option value="no">取消警告</option>
      </select>
    </td>
    </tr>
    </table>
    </div><!-- item_contents -->
  </fieldset><!-- invisible -->
  
  <p class="submit_button">
  <input type="hidden" name="lang" value="zh-cn" />
    <label title="Submit your input for validation">
      <input type="submit" value="Check" />
    </label>
  </p>
      </form>
      </fieldset>
      </div><!-- fields -->
  </div> <!-- frontforms -->
  
  <div class="intro" id="don_program"></div>  
  <script type="text/javascript" src="http://www.w3.org/QA/Tools/don_prog.js"></script>
  
  
  <div class="intro">
  <p><strong>注意</strong>: 如果你想验证一段嵌入在HTML或者XHTML文档中的CSS，你首先要<a href="http://validator.w3.org/">验证你的HTML或者XHTML文档</a>是正确的。.
  </p>
  </div>
  <ul class="navbar" id="menu">
    <li><a href="about.html" title="About this service">关于</a> <span class="hideme">|</span></li>
    <li><a href="documentation.html" title="Documentation for the W3C CSS Validation Service">文档</a> <span class="hideme">|</span></li>
    <li><a href="DOWNLOAD.html" title="Download and install the CSS validator">下载</a> <span class="hideme">|</span></li>
    <li><a href="Email.html" title="How to provide feedback on this service">反馈</a> <span class="hideme">|</span></li>
    <li><a href="thanks.html" title="Credits and Acknowlegments">感谢</a></li>
  </ul>

   <ul id="lang_choice">
        
        <li><a href="validator.html.de"
            lang="de"
            xml:lang="de"
            hreflang="de"
            rel="alternate">Deutsch</a>
        </li>
        
        <li><a href="validator.html.en"
            lang="en"
            xml:lang="en"
            hreflang="en"
            rel="alternate">English</a>
        </li>
        
        <li><a href="validator.html.es"
            lang="es"
            xml:lang="es"
            hreflang="es"
            rel="alternate">Español</a>
        </li>
        
        <li><a href="validator.html.fr"
            lang="fr"
            xml:lang="fr"
            hreflang="fr"
            rel="alternate">Français</a>
        </li>
        
        <li><a href="validator.html.ko"
            lang="ko"
            xml:lang="ko"
            hreflang="ko"
            rel="alternate">한국어</a>
        </li>
        
        <li><a href="validator.html.it"
            lang="it"
            xml:lang="it"
            hreflang="it"
            rel="alternate">Italiano</a>
        </li>
        
        <li><a href="validator.html.nl"
            lang="nl"
            xml:lang="nl"
            hreflang="nl"
            rel="alternate">Nederlands</a>
        </li>
        
        <li><a href="validator.html.ja"
            lang="ja"
            xml:lang="ja"
            hreflang="ja"
            rel="alternate">日本語</a>
        </li>
        
        <li><a href="validator.html.pl-PL"
            lang="pl-PL"
            xml:lang="pl-PL"
            hreflang="pl-PL"
            rel="alternate">Polski</a>
        </li>
        
        <li><a href="validator.html.pt-BR"
            lang="pt-BR"
            xml:lang="pt-BR"
            hreflang="pt-BR"
            rel="alternate">Português</a>
        </li>
        
        <li><a href="validator.html.ru"
            lang="ru"
            xml:lang="ru"
            hreflang="ru"
            rel="alternate">Русский</a>
        </li>
        
        <li><a href="validator.html.sv"
            lang="sv"
            xml:lang="sv"
            hreflang="sv"
            rel="alternate">Svenska</a>
        </li>
        
        <li><a href="validator.html.zh-cn"
            lang="zh-cn"
            xml:lang="zh-cn"
            hreflang="zh-cn"
            rel="alternate">简体中文</a>
        </li>
   </ul>

<div id="footer">
   <p id="activity_logos">
     <a href="http://www.w3.org/QA/" title="W3C's Quality Assurance Activity, bringing you free Web quality tools and more"><img src="http://www.w3.org/QA/2002/12/qa-small.png" alt="QA" /></a><a href="http://www.w3.org/Style/CSS/learning" title="Learn more about Cascading Style Sheets"><img src="images/woolly-icon" alt="CSS" /></a>
   </p>
   <p id="support_logo">
   <a href="http://www.w3.org/QA/Tools/Donate">
   <img src="http://www.w3.org/QA/Tools/I_heart_validator" alt="I heart Validator logo" title=" Validators Donation Program" />
   </a>
   </p>

    <p class="copyright">
      <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 1994-2009
      <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>&reg;

      (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
      <a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
      <a href="http://www.keio.ac.jp/">Keio</a>),
      All Rights Reserved.
      W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
      <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
      <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
      and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a>

      rules apply. Your interactions with this site are in accordance
      with our <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">public</a> and
      <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy
      statements.
    </p>
</div>
  </body>
</html>