Cómo hacer una hoja de estilo para el DIV

CSS le permite crear hojas de estilo para controlar la página web Ver contenido y el diseño. Un DIV es una construcción HTML que proporciona un medio para agrupar otros elementos HTML, como los encabezamientos, párrafos e imágenes. Se puede controlar muchos de los atributos de sus DIV usando CSS. Use una hoja de estilo para indicar el color tamaño, la posición y el 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. Inserte el código antes de la etiqueta "</ head>":

<Style>

highlightDiv {

left:48px;

Anchura: 200px;

background-color: # FFFF99;

}

</ Style>

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

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

Guarde la página Web.

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

highlightDiv {

left:48px;

Anchura: 200px;

background-color: # FFFF99;

}

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

5 Insertar una referencia a la hoja de estilo en cada página que desea acceder el estilo. Coloque el enlace encima de la etiqueta "</ head>":

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

Guardar todos los archivos. Probar la página Web en un navegador Web.