Hojas de estilo:
¿Qué es CSS?
CSS significa C ascading S tyle S heets
Los estilos definen cómo mostrar los elementos HTML
Estilos fueron añadidos a HTML 4.0 para resolver un problema
Hojas de estilo externas pueden ahorrar mucho trabajo
Hojas de estilo externas se almacenan en archivos CSS
Estilos resuelto un gran problema
HTML nunca fue pensado para contener etiquetas para dar formato a undocumento.
HTML se pretende definir el contenido de un documento, como:

Este es un encabezado

Este es un párrafo.
Cuando se añadieron etiquetas como y atributos de color a la especificación HTML 3.2, que comenzó una pesadilla para
los desarrolladores web. Desarrollo de grandes sitios web, donde se añadieron las fuentes y color información para cada
página, se convirtió enun proceso largo y costoso.
Para resolver este problema, el World Wide Web Consortium (W3C) ha creado CSS.
En HTML 4.0, todo el formato podría ser retirado del documento HTML, y se almacena en un archivo CSS independiente.
Todos los navegadores soportan CSS hoy.
CSS ahorra mucho trabajo!
CSS define cómo los elementos HTML se van a mostrar.
Los estilos se guardan normalmente en los archivos. Cssexternos. Hojas de estilo externas le permiten cambiar la apariencia y
el diseño de todas las páginas de un sitio Web, simplemente editando un solo archivo!
Sintaxis CSS
Una regla CSS set consta de un selector y un bloque de declaraciones:

Los puntos de selección en el elemento HTML que desee estilo.
El bloque de declaración contiene una o más declaraciones separadas por punto y coma.
Cadadeclaración incluye un nombre de propiedad y un valor, separados por dos puntos.
CSS Ejemplo
Una declaración CSS siempre termina con un punto y coma, y los grupos de declaración están rodeados de llaves:
p {color:red;text-align:center;}
Para hacer que la CSS sea más legible, usted puede poner una declaración en cada línea, así:
Ejemplo
p
{
color:red;
text-align:center;
}

Hello World!
This paragraph is styled with CSS.

Hello World!

This paragraph is styled with CSS.

CSS Comentarios
Los comentarios se utilizan para explicar su código, y pueden ayudar a usted cuando se edita el código fuente en una fecha
posterior. Los comentarios son ignorados por los navegadores.
Uncomentario CSS comienza con / * y termina con * /. Los comentarios también pueden abarcar varias líneas:

Ejemplo
/*This is a multiple
lines comment*/
p
{
color:red;
/*This is another comment*/
text-align:center;
}
Selectores CSS
Selectores CSS permiten seleccionar y manipular elemento (s) de HTML.
Selectores CSS se utilizan para "encontrar" (o seleccionar) elementos HTML en función de su id, clases,tipos, atributos, valores de
atributos y mucho más.
El selector de elemento
El selector de elementos selecciona elementos basados en el nombre del elemento.
Puede seleccionar todas las

elementos de una página como esta: (todos elementos

a-centro alineado, con un color de
texto rojo)
Ejemplo
p
{
text-align:center;
color:red;
}

Every paragraph will be affected by the style.
Me too!

And me!

Every paragraph will be affected by the style.

Me too!

And me!

El Selector de Identificación
El selector de id utiliza el atributo id de una etiqueta HTML para encontrar el elemento específico.
Un identificador debe ser único dentro de una página, por lo quedebe utilizar el selector de ID cuando se quiere encontrar un solo,
único elemento.
Para encontrar un elemento con un identificador específico, escriba un carácter de almohadilla, seguida de la identificación del
elemento.
La regla de estilo a continuación se aplicará al elemento HTML con id = "para1":
Ejemplo
#para1
{
text-align:center;
color:red;
}

Hello World!

This...

Leer documento completo

Regístrate para leer el documento completo.