Vamos a codificar un formulario basico con css, en el que pondremos unos campos y utilizaremos etiquetas validas de la w3c. Sin utilizar tablas y tampoco Divs, en este formulario solo usamos dos clases, la clase .form que es para el formulario y la .button que es para los botones de envio y reseteo, de esta manera optimizamos mucho mas el codigo poniendo en uso etiquetas para la ocasion y algunas propiedades claves.
Teoria:
Un selector de hijo es cuando un elemento “A” es hijo de un elemento “B” o viceversa.
Body > H1{
color:#FFFFFF;
}
Al hacer esta declaracion estamos diciendo que todos los elementos H1 que sean hijos de body se le aplique el color Blanco.
Mas sencillo imposible, prueba diferentes combinaciones y te recuerdo que esta declaracion no funiona en Internet Explorer 6.
Teoría:
Una manera de optimizar mas tu trabajo es la utilizacion de los selectores de descencientes.
P EM { color:#FFCC00; }
Todos los elementos EM que esten dentro de un P tomaran el color especificado. Esto es muy util cuando queremos modificar una parte del texto d nuestros parrafos.
El selector “em” cambiara su color sin modiicar el color del Parrafo.
Teoría:
Los selectores hermanos sirven para simplificar algunas porciones de codigo en particular.
CSS:
H1 + P { color:#FFCC00; }
Esto indica que todos los P que esten después de un H1 tomen el color especificado. Esto puede ser muy útil cuando queremos hacer por ejemplo una publicación de noticias cortas.
Teoria:
Float Left significa Flotar a la izquierda, al usar esta propiedad el elemento de bloque se posiciona lo máximo posible a la izquierda del documento. Lo hace de una manera muy particular escapando del flujo del mismo, por lo tanto es posible que te tape contenido que este dentro del flujo.
Hola les damos las bienvenidas a Tutoriales CSS, hicimos una adaptación a Wordpress para poder manejar mejor los contenidos.
A partir de ahora vamos a elaborar buenos tutoriales y en lo posible captar toda la información existente de CSS. Después de pasar nuestra etapa Beta, ahora vamos por una mejor web y con contenido de mejor calidad.
Saludos
