Idioma español
nueva versión 1.0
reloj reduce tiempos
Reduces time web layout code
logo Markercss
logo Markercss
Code for web page layout,
flexibly and quickly, based on standard CSS.

Design with Markercss


After Markercss incorporate into your website we present an example of the operation:



  1. Base 12px Arial and font family
  2. A container centering 960px wide x high variable that will contain the menu header and content (Sample yellow)
  3. A header from 900px wide x 150px tall, centered within the container included
  4. A menu of 900px wide x 80px high, centered in the container included
  5. 900px content width x height variable, a bottom margin of 50px, centered layer included in the container
  6. A foot of 100% browser width x 80px high, centered in the container included




<body class="A s12">

<div class="ma w960">
    <div class="rl w900 h150 ml30"></div>
    <div class="rl w900 h80 ml30"></div>
    <div class="rl w900 mb50 ml30"></div>
</div>
<div class="r ww h80"></div>

</body>
video en Markercss
w3c en Markercss
We also give example and pass the W3C standards.
w3c en Markercss
W3C members are mainly aimed at driving the Web its full potential: for Markercss was essential
to ensure a code that meets these standards.
© 2010 Markercss · Privacy Policy & Terms of Use