docs/partials/cssreset-basic-source.mustache

b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney<html>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney<head>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <meta http-equiv="content-type" content="text/html; charset=utf-8">
9dfae1ecce662cd57ef1f907f93fe458414500ceMatt Sweeney    <title>YUI 3.x: CSS Reset Basic Example</title>
876438657776b9ac4eb59f9ebefa328d36295a0bMatt Sweeney    <link rel="stylesheet" href="{{yuiBuildUrl}}/cssreset/cssreset.css" type="text/css">
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney</head>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney<body>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <h1>This is a H1 element.</h1>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <h2>This is a H2 element.</h2>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <h3>This is a H3 element.</h3>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <h4>This is a H4 element.</h4>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <h5>This is a H5 element.</h5>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <h6>This is a H6 element.</h6>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <ul>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <li>This is a LI in a UL</li>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    </ul>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <ol>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <li>This is a LI in a UL</li>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    </ol>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <dl>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <dt>This is a DT in a DL</dt>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <dd>This is a DD in a DL</dd>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    </dl>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <form>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <input type="text" value="This is an INPUT type TEXT in a FORM"/>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <select>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            <option>This is an OPTION in a SELECT</option>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            <option>This is an OPTION in a SELECT</option>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            <optgroup>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney                <option>This is an OPTION in a OPTGROUP in a SELECT</option>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney                <option>This is an OPTION in a OPTGROUP in a SELECT</option>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            </optgroup>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            <option>This is an OPTION in a SELECT</option>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        </select>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <textarea name="ta1">This is text in a TEXTAREA in a FORM</textarea>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <fieldset>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            <textarea name="ta2">This is text in a TEXTAREA in a FIELDSET in a FORM</textarea>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        </fieldset>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <button>This is a BUTTON</button>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    </form>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <p>This paragraph contains a bunch of phrase elements. Up first in an <a href="test">[A]nchor</a>, followed by an <abbr title="test">ABBR with a title value</abbr>, followed by an <acronym title="test">ACRONYM with a title value</acronym>, followed by an <address>ADDRESS</address>, followed by a <cite>CITE</cite> element, followed by a <code>CODE</code> element, followed by a <del>DEL</del> element, followed by a <em>EM</em> element, followed by a <ins>INS</ins> element, followed by a <kbd>KBD</kbd> element, followed by a <q>Q</q> element, followed by a <samp>SAMP</samp> element, followed by a <span>SPAN</span> element, followed by a <strong>STRONG</strong> element, followed by a <tt>TT</tt> element, followed by a <var>VAR</var> element, all within a containing P.</p>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <blockquote>This is a BLOCKQUOTE element.</blockquote>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    <table>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <caption>This is a CAPTION in a TABLE</caption>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <thead>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            <tr>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney                <th>This is a TH in a TR in a THEAD in a TABLE</th>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney                <td>This is a TD in a TR in a THEAD in a TABLE</td>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            </tr>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        </thead>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <tfoot>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            <tr>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney                <th>This is a TH in a TR in a TFOOT in a TABLE</th>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney                <td>This is a TD in a TR in a TFOOT in a TABLE</td>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            </tr>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        </tfoot>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        <tbody>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            <tr>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney                <th>This is a TH in a TR in a TBODY in a TABLE</th>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney                <td>This is a TD in a TR in a TBODY in a TABLE</td>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney            </tr>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney        </tbody>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney    </table>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney</body>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney</html>