nueva versión 1.0
Idioma inglés
reloj reduce tiempos
Reduce los tiempos de maquetación web con
logo Markercss
logo Markercss
Código para maquetación de páginas web,
flexible y rápido, basado en estandares CSS.

Maquetar con Markercss


Despues de incorporar Markercss en tu sitio web podemos presentar un ejemplo del funcionamiento:



  1. Base familia tipográfica Arial y 12px
  2. Un contenedor centrado de 960px de ancho x alto variable que contendrá a la cabecera al menú y al contenido (Muestra color amarillo)
  3. Una cabecera de 900px de ancho x 150px de alto, centrada incluída dentro del contenedor
  4. Un menú de 900px de ancho x 80px de alto, centrado incluído dentro del contenedor
  5. Un contenido de 900px de ancho x alto variable, un margen inferior de 50px, capa centrada incluída dentro del contenedor
  6. Un pie de 100% del ancho del navegador x 80px de alto, centrado incluído dentro del contenedor




<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
Nosotros también damos ejemplo y pasamos los estándares de la W3C.
w3c en Markercss
Los miembros del W3C tienen como objetivo principal el de conducir la web su máximo potencial: para Markercss era imprescindible lograr un código que cumpla estos estándares.