Hojas De Estilo
Páginas: 2 (322 palabras)
Publicado: 16 de octubre de 2012
HOJAS DE ESTILO.
Cuando un navegador lee una hoja de estilos, este formatea el documento de acuerdo a la misma.
Hay 3 formas de insertar una hoja de estilos:
1. Entrelíneas
Debemos usar esta forma cuando un único estilo es aplicado a un solo elemento.
Su uso está dado por el atributo style que se encuentra en determinadas etiquetas.
En esteejemplo aplicaremos un estilo (color rojo y un margen izquierdo de 30 pixeles) a la etiqueta <p>, la cual determina que todo el contenido de la misma será afectado.
Código<p style="color:red; margin-left:30px">
Este párrafo es de color rojo y se encuentra a 30 pixeles del margen izquierdo.
</p>
2. Hojas de estilo interna
Las hojasde estilo interna deben usarse cuando una sola página tiene un estilo único.
Las definimos con la etiqueta <style> en la cabecera del documento entre las etiquetas<head> y </head>
<head>
<style type="text/css">
body {background-color:blue}
p {color:white}
</style>
</head>
<body>
<p>Fuentesblancas sobre fondo azul</p>
</body>
3. Hojas de estilo externas
Esta es la forma ideal para cuando queremos definir un sitio entero con una misma estructura yestilo. Para ello definimos todos los estilos en un documento en común que se utilizará para todas las páginas del sitio Web.
Con realizar los cambios en ese documento, podemos cambiarel aspecto de todo el sitio Web.
Cada página del sitio debe vincularse con la hoja de estilos usando la etiqueta <link>ubicada en la cabecera del documento.
Ejemplo de unenlace a una hoja de estilo
<head>
<link rel="stylesheet" type="text/css" href="estilos.css">
</head>
Las hojas de estilo deben llevar la terminación (.css).
Cuando un navegador lee una hoja de estilos, este formatea el documento de acuerdo a la misma.
Hay 3 formas de insertar una hoja de estilos:
1. Entrelíneas
Debemos usar esta forma cuando un único estilo es aplicado a un solo elemento.
Su uso está dado por el atributo style que se encuentra en determinadas etiquetas.
En esteejemplo aplicaremos un estilo (color rojo y un margen izquierdo de 30 pixeles) a la etiqueta <p>, la cual determina que todo el contenido de la misma será afectado.
Código<p style="color:red; margin-left:30px">
Este párrafo es de color rojo y se encuentra a 30 pixeles del margen izquierdo.
</p>
2. Hojas de estilo interna
Las hojasde estilo interna deben usarse cuando una sola página tiene un estilo único.
Las definimos con la etiqueta <style> en la cabecera del documento entre las etiquetas<head> y </head>
<head>
<style type="text/css">
body {background-color:blue}
p {color:white}
</style>
</head>
<body>
<p>Fuentesblancas sobre fondo azul</p>
</body>
3. Hojas de estilo externas
Esta es la forma ideal para cuando queremos definir un sitio entero con una misma estructura yestilo. Para ello definimos todos los estilos en un documento en común que se utilizará para todas las páginas del sitio Web.
Con realizar los cambios en ese documento, podemos cambiarel aspecto de todo el sitio Web.
Cada página del sitio debe vincularse con la hoja de estilos usando la etiqueta <link>ubicada en la cabecera del documento.
Ejemplo de unenlace a una hoja de estilo
<head>
<link rel="stylesheet" type="text/css" href="estilos.css">
</head>
Las hojas de estilo deben llevar la terminación (.css).
Leer documento completo
Regístrate para leer el documento completo.