CSS le permite crear hojas de estilo en pantalla contenido de la Página Web de control y el diseño. Un DIV es un HTML que proporciona un medio para agrupar otros elementos HTML, como imágenes, títulos y párrafos. Usted puede controlar muchos de los atributos de tus DIVs con CSS. Utilice una hoja de estilo para indicar el color tamaño, posición y fondo de un grupo DIV.

Instrucciones

1 Iniciar un texto o editor HTML. Abra su página Web.

2 Tipo de un estilo para un DIV con un fondo amarillo claro. Inserte el código sobre la etiqueta "< / cabeza >":

estilo de < >

{highlightDiv} left:48px;

width:200px;

background-color:#FFFF99;

}

< / estilo >

3 Introduzca el id del estilo en la etiqueta DIV para aplicar el estilo:

< div id = "highlightDiv" >< p > gran venta Going On... < /p >< / div >

Guardar la Página Web.

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

{highlightDiv} left:48px;

width:200px;

background-color:#FFFF99;

}

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

5 Insertar una referencia para la hoja de estilos en cada página que desea acceder el estilo. Poner el enlace por encima de la etiqueta "< / cabeza >":

< link Main.css "rel ="stylesheet"type =" text/css">

Guarde todos los archivos. Prueba de su página Web en un explorador Web.