Cómo hacer una hoja de estilos para el DIV

Cómo hacer una hoja de estilos para el DIV


CSS le permite crear hojas de estilo para controlar la página Web de visualización de contenido y el diseño. Un DIV es una construcción HTML que proporciona un medio para agrupar otros elementos HTML, como encabezados, párrafos e imágenes. Usted puede controlar muchos atributos de sus DIVs utilizando CSS. Use una hoja de estilos para indicar el tamaño, la posición y el color de fondo de un grupo DIV.

Instrucciones

1

Lance un editor de texto o HTML. Abra su página Web.

2

Escriba un estilo para un DIV con un fondo de color amarillo claro. Introduce el código de la etiqueta "</ head>":

<Style>

highlightDiv {

left:48px;

width:200px;

background-color:#FFFF99;

}

</ Style>

3

Introduzca la identificación del estilo en su etiqueta DIV para aplicar el estilo:

<Div id = "highlightDiv"> <p> Gran Venta Going On ... </ p> </ div>

Guarde la página Web.

4

Crear un nuevo archivo para crear una hoja de estilos externa que hará que sus estilos a disposición de varias páginas. Inserte la codificación estilo DIV en el archivo:

highlightDiv {

left:48px;

width:200px;

background-color:#FFFF99;

}

Guarde la hoja de estilo con un ".CSS" extensión, por ejemplo, "main.css."

5

Inserte una referencia para la hoja de estilo en cada página que desea acceder el estilo. Coloque el foro la etiqueta "</ head>":

<Link href = "main.css" rel = "stylesheet" type = "text / css">

Guarde todos los archivos. Pon a prueba tu página Web en un explorador Web.