hojas de estilo en cascada proporcionan un mecanismo para agregar estilos a páginas web y la separación de páginas semántica presentación del contenido de la página . CSS fue desarrollado originalmente para resolver los problemas introducidos por la inclusión de la información de estilo en las etiquetas HTML , una práctica que llevó a código HTML inmanejable y costoso. Las hojas de estilo proporcionan a los desarrolladores la posibilidad de estilo de la apariencia de las páginas web de una manera consistente y extensible y reservar las etiquetas HTML para la descripción de los contenidos propiamente dichos . Cosas que necesitará
texto editor de la búsqueda Web navegador
Ver Más instrucciones
Cómo dar formato a las páginas Web Uso de una hoja de estilos externa
1

Abra un texto editor y crear un nuevo archivo . El nombre de la myStylesheet.css archivos.
2

Editar myStylesheet.css . Añadir un estilo para el archivo que colores etiquetas "

" utilizados en cualquier página web que hace referencia a myStylesheet.css rojo. Guarde y cierre myStylesheet.css

p

{ color: red; }

3

volver al editor de texto, y crear un nuevo archivo . Nombre del archivo useExternal.html y guardarlo en la misma ubicación que myStylesheet.css .
4

Editar useExternal.html . Agregue un poco de HTML al archivo que incluye una abierta HTML tag " " , un HTML etiqueta " head " abierto , cercano HTML " < /head> " etiqueta, un HTML " abierto " etiqueta, una estrecha HTML" < /body> "etiqueta y una estrecha HTML" < /html> " Página 5

continuar editando useExternal.html . Añadir un enlace al myStylesheet.css en la sección " head " del archivo. Establecer el valor "href " a " myStylesheet.css " , el valor "rel " a " text /hoja de estilo " y el valor "tipo" a " text /css" .

< /head> < br >

< /body>

< /html>
6

Continúe editando useExternal.html . Añada un "

" etiqueta de cabecera HTML al archivo en la sección " " , establecer el encabezado con el texto "Text Header " y cierre el "< /h1 > " tag .
< p>

< p> < /head>

Texto de cabecera < /h1 >

< /body>

< /html>
7

continuar editando useExternal.html . Añadir un HTML "

" etiqueta de párrafo en el archivo después de la etiqueta "

" , establecer el texto del párrafo a " párrafo de texto" y cierre el "< /p> " tag . Guarde y cierre useExternal.html .

Enlace tipo < href = " myStylesheet.css " rel = "stylesheet " = "text /css" >

< /head>

texto de cabecera < /h1 >

párrafo del texto < /p >

< /body>

< /html>
8

useExternal.html Abrir en un navegador web . Verifique que el texto colocado en el interior del "

" y "< /p >" etiquetas es de color rojo . Color
Cómo dar formato a una página web mediante una hoja de estilos interna

9

Abra un editor de texto y crear un nuevo archivo llamado useInternal.html . Agregue un poco de HTML al archivo que incluye una abierta HTML tag " " , un HTML etiqueta " head " abierto , cercano HTML " < /head> " etiqueta, un HTML " abierto " etiqueta, una estrecha HTML" < /body> " etiqueta, y una estrecha HTML" < /html> " página 10

continuar editando useInternal.html . Añadir un estilo entre el " head " y "< /head> " etiquetas de colores que cualquier texto que utiliza el "

" etiqueta azul.

< p>