Prototype CSS
N.a.v. het boek CSS Mastery hierbij een prototype van een CSS file. Voordeel van dit prototype (template) is de structuur die is aangebracht in het bestand. De opbouw is in vaste, logische blokken opgedeeld. Ander voordeel is het reeds invoegen van een aantal standaard fixes die je toch wel in je CSS file wilt hebben.
/*----------------------------------------------------------------------------- Prototype Style Sheet (empty commented stylesheet)
version: 1.0 author: andy budd email: info@andybudd.com website: http://www.andybudd.com/ -----------------------------------------------------------------------------*/
/* =General -----------------------------------------------------------------------------*/
/* Remove padding and margin */ * { margin: 0; padding: 0; }
/* Put it back on certain elements */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 1em 0; }
/* Class for clearing floats */ .clear { clear:both; }
/* Remove border around linked images */ img { border: 0; }
/* =Typography -----------------------------------------------------------------------------*/
body { font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif; }
/* =Headings -----------------------------------------------------------------------------*/
/* =Links -----------------------------------------------------------------------------*/
/* =Branding -----------------------------------------------------------------------------*/
/* =Main Nav -----------------------------------------------------------------------------*/
/* =Sub Nav -----------------------------------------------------------------------------*/
/* =Main Content -----------------------------------------------------------------------------*/
/* =Secondary Content -----------------------------------------------------------------------------*/
/* =Footer -----------------------------------------------------------------------------*/
/* =Forms -----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */ fieldset { border: 1px solid transparent; }
/* =Tables -----------------------------------------------------------------------------*/
table { border-spacing: 0; border-collapse: collapse; }
td { text-align: left; font-weight: normal; }
/* =Misc 1 -----------------------------------------------------------------------------*/
/* =Misc 2 -----------------------------------------------------------------------------*/
Download het bestand [[download file="prototype.css" icon="" text="prototype.css" title="prototype.css" ]]