Primer capítulo del tutorial de CSS (Cascading Style Sheets) u hojas de estilo de la Fundación Mozilla. Traducido por la comunidad al castellano: “CSS (Cascading Style Sheets – en español Hojas de Estilo en Cascadas) es usado para darle estilo y diseño a las páginas Web — por ejemplo, para cambiar la fuente de letra, color, tamaño y el espaciado de tu contenido; dividir en múltiples columnas, o agregar animaciones y otras propiedades decorativas. Este modulo provee un inicio suave para tu ruta de aprendizaje hacia el dominio de CSS con su funcionamiento básico, como luce su sintaxis, y cómo puedes comenzar a utilizarlo y añadir estilo a HTML.”…
Tutoriales sobre los DIVS o capas
El otro día un amigo me preguntó cómo cambiar el estilo de un formulario de contacto para que aparecieran varios elementos en columnas. Era un formulario del plugin de contacto de WordPress Contact Form 7, el cual ya tiene su propia hoja de estilo.
<div style=”float: left; padding-right:3px; padding-left: 3px; width:45%”;>
<p>Un párrafo en un div flotante a la izquierda (es mucho mejor crear la hoja de estilo y asociar la clase al elemento, desde luego, pero lo anterior sirve)</p></div>
<div style=”float:right; padding-right:3px; padding-left:3px; width:45%”;><p>Y otro párrafo en un div flotante a la derecha (es mucho mejor crear la hoja de estilo y asociar la clase al elemento, desde luego, pero lo anterior sirve)</p></div>
<div style=”clear:both;”></div>
Dejo de paso una captura de pantalla sobre el editor de plugins de WordPress (no recomiendo cambiar nada ahí, a no ser que sepas muy bien lo que estás haciendo y luego bloquees la actualización del plugin):
El primero (en inglés):
FLOATS
Nº 7. of HTML & CSS Is Hard
An old-timey web dev tutorial (and a friendly intro to CSS layouts)
The div tag – HTML tutorial
Creando La Estructura HTML De Tu Página (Uso De DIVs)
http://www.psdahtmlpasoapaso.com/blog/creando-la-estructura-html-de-tu-pagina-uso-de-divs/
Estructura con CSS
Hojas de estilo en documentos
La etiqueta div
http://www.ite.educacion.es/formacion/materiales/182/cd/seis/la_etiqueta_div.html
Diferencia entre div y span