========================= o Hojas de estilo CSS o ========================= ▄▄▄▄ ▄▄▄▄ ▄▄▄▄ ██▀▀▀▀█ ▄█▀▀▀▀█ ▄█▀▀▀▀█ ██▀ ██▄ ██▄ ██ ▀████▄ ▀████▄ ██▄ ▀██ ▀██ ██▄▄▄▄█ █▄▄▄▄▄█▀ █▄▄▄▄▄█▀ ▀▀▀▀ ▀▀▀▀▀ ▀▀▀▀▀ ========> Este artículo supone que conocés = NOTA => el lenguaje HTML. ========> Está basado en mi propia experiencia Con la idea de separar el contenido de las páginas web de la manera en que se presenta, lo que antes eran etiquetas de formato en el código HTML, pasó a ser estilo en CSS. El estilo CSS fue creciendo hasta transformarse en un señor lenguaje de formato (que no de proramación). Sirve para establecer colores de texto y de fondo, posicionamiento de los distintos objetos en pantalla, animaciones, trancisiones, formateo de texto (negrita, títulos, itálica, subrayado, tipo de fuente, etc.), en suma: todo lo que compete a la presentación de la información. Define la manera en la que se verá una página web en el navegador. Así, el HTML define semánticamente qué estamos viendo (un párrafo, un título, una imagen, etc), y el CSS establece cómo se verá. Hay tres maneras de integrar CSS en una página web: 1- CSS externo: Es la modalidad que más uso. El HTML está en un archivo y el CSS está en otro. Desde la etiqueta
de tu archivo HTML llamarás al archivo de la siguiente manera: No hace falta cerrar la etiqueta link. 2- CSS interno: Muchos sitios de empresa usan este tipo de CSS. En vez de usar una etiqueta , en el mismo lugar (el head), ponés todo tu código CSS. Va encerrado entre las etiquetas 3- CSS en linea: Cuando empecé a conocer el CSS lo usaba de esta manera. Cuando tuve que actualizar el formato de todo un sitio web, me prometí que nunca más volvería a hacerlo. El CSS se especifica metiendo un parámetro style en la definición de la etiqueta HTML. Por ejemploEste párrafo es azul
========================== = Y ESTO NO SE QUEDA ASÍ = ========================== Hay mucho para contar sobre el CSS en sí mismo y en su interacción con el HTML. Voy a ir agregando partes a este artículo y si se hace demasiado extenso, veré de dividirlo. Estén atentos a las actualizaciones. hora_z