Compare Revisions

Writing efficient CSS

Revision 10718:

Revision 10718 by DBaron on

Revision 10719:

Revision 10719 by Ryanli on

Title:
Writing efficient CSS
Writing efficient CSS
Slug:
CSS/Writing_Efficient_CSS
CSS/Writing_Efficient_CSS
Tags:
css, XUL, "Best practices"
css, XUL, "Best practices"
Content:

Revision 10718
Revision 10719
n20      the key selectors are "img", "p", and "{{mediawiki.externaln20      the key selectors are "img", "p", and "{{ mediawiki.externa
>('title')}}".>l('title') }}".
n74:table { } /* A universal rule */n74table { } /* A universal rule */
n132      <li>BAD - <code>treeitem{{mediawiki.external('mailfolder=\"n132      <li>BAD - <code>treeitem{{ mediawiki.external('mailfolder=\
>true\"')}} &gt; treerow &gt; treecell { }</code>>"true\"') }} &gt; treerow &gt; treecell { }</code>
n168      <li>BAD - <code>treeitem{{mediawiki.external('IsImapServer=n168      <li>BAD - <code>treeitem{{ mediawiki.external('IsImapServer
>\"true\"')}} &gt; treerow &gt; .tree-folderpane-icon { }</code>>=\"true\"') }} &gt; treerow &gt; .tree-folderpane-icon { }</code>
n175      <li>GOOD - <code>.tree-folderpane-icon{{mediawiki.external(n175      <li>GOOD - <code>.tree-folderpane-icon{{ mediawiki.external
>'IsImapServer=\"true\"')}} { }</code>>('IsImapServer=\"true\"') }} { }</code>
n200      Putting a bunch of images into a single image file and selen200      Putting a bunch of images into a single image file and sele
>cting them with {{template.Cssxref("-moz-image-region")}} perform>cting them with {{ Cssxref("-moz-image-region") }} performs signi
>s significantly better than putting each image into its own file.>ficantly better than putting each image into its own file.
t213    <div class="noinclude"></div>{{ wiki.languages( { "es": "es/Et213    <div class="noinclude"></div>{{ languages( { "es": "es/Escrib
>scribir_CSS_eficaz", "ja": "ja/Writing_Efficient_CSS" } ) }}>ir_CSS_eficaz", "ja": "ja/Writing_Efficient_CSS" } ) }}

Back to History