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.

Referencias prestablecidas con Makercss


Como ejemplo de uso de una referencia una capa absoluta (ab) de ancho 220px (w220), de alto 370px (h370):

<div class=”ab w220 h370”></div>

Capas predefinidas
ma
Posición relativa márgenes laterales automáticos
ab
Posición absoluta
l 10-1000*10 Posición izquierda de 10 a 1000 de 10 en 10
t 10-1000*10 Posición superior de 10 a 1000 de 10 en 10
r
Posición relativa
rl
Posición relativa flotando a la izquierda
rr
Posición relativa flotando a la derecha
w 10-1000*10 Ancho de 10 a 1000 de 10 en 10
h 10-1000*10 Alto de 10 a 1000 de 10 en 10
ww
Ancho 100%
mt 10-100*10 Margen superior de 10 a 100 de 10 en 10
mr 10-100*10 Margen derecho de 10 a 100 de 10 en 10
mb 10-100*10 Margen inferior de 10 a 100 de 10 en 10
ml 10-100*10 Margen izquierdo de 10 a 100 de 10 en 10
p 5-50*5 Margen interior de 5 a 50 de 5 en 5
pt 5-50*5 Margen interior superior de 5 a 50 de 5 en 5
pr 5-50*5 Margen interior derecho de 5 a 50 de 5 en 5
pb 5-50*5 Margen interior inferior de 5 a 50 de 5 en 5
pl 5-50*5 Margen interior izquierdo de 5 a 50 de 5 en 5
z 0-5 Posición en el eje z de 0 a 5
bc + 0 3 6 9 C F Fondo de capa. Ejemplo: bc9
br 5-30*5 Radio borde de 5px a 30px (iE8+, Firefox, Safari)

Textos predefinidos
T
Familia tipografíca Times
A
Familia tipografíca Arial
C
Familia tipografíca Courier
GG
Familia tipografíca Georgia
V
Familia tipografíca Verdana
GV
Familia tipografíca Geneva
TT
Familia tipografíca Trebuchet
s 9-20*1 20-200*10 Fuente de 7-20 de 1 en 1, 20-200 de 10 en 10
lh 80-200*10 Interlineado de 80% a 200% de 10 en 10
tl
Texto alineado a la izquierda
tc
Texto alineado al centro
tr
Texto alineado a la derecha
b
Texto en negrita
i
Texto itálica
n
Texto normal
u
Texto subrayado
c + Número Colores de fuentes prestablecidos


Referencias configurables en los CSS de Makercss


Hay referencias que se deben configurar manualmente dentro de los estilos, estas son:
  • background.css
  • border.css
  • list.css
  • links.css
  • table.css
  • form.css
Fondo configurable (background.css)
b + Número Color + Imagen fondo + Posición + Repetición

Borde configurable (border.css)
bo + Número Color + Grosor + Tipo

Listas configurable (list.css)
ul + Número
Configuración de las listas

Tabla configurable (table.css)
ta + Número
Configuración de tablas

Formulario configurable (form.css)
fi + Número Campo texto
ft + Número Campo textarea
fs + Número Campo submit o reset
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.