Tecnología

Inicio

Cómo insertar CSS en Entre etiquetas del cuerpo

August 1

Hoja (CSS) de código de estilo en cascada viene en tres sabores: las hojas de estilo externa, hojas de estilo incrustadas y estilos en línea. En todos menos en las hojas de estilo externas, se agrega CSS directamente en el archivo HTML. Usted debe colocar las hojas de estilo incrustadas entre "<style>" etiquetas en la cabeza de los archivos HTML, pero que puede poner entre "<body>" etiquetas también. estilos en línea van en el atributo "estilo" de las etiquetas HTML y sólo afectan a las etiquetas donde colocarlos. Tenga en cuenta que las hojas de estilo en cascada, de modo estilos en línea tienen prioridad sobre los estilos incrustados y estilos incrustados tienen prioridad sobre las hojas de estilo externas.

Instrucciones

1 Abre el archivo HTML en un editor de código o el Bloc de notas. Localizar las etiquetas en las que desee agregar estilos y darles el atributo "style". Se puede añadir código CSS entre las comillas como esto:

<Div style = "margin: 0 auto;">

El código anterior se centra en que DIV y no otros en la página. Esto se llama CSS "en línea" y no requiere selectores - código que "selecciona" elementos HTML - para trabajar.

2 Añadir un espacio después de su primera regla de estilo y añadir otra, si es necesario. Su etiqueta ahora se verá así:

<Div style = "margin: 0 auto; font-style: cursiva;">

Añadir tantas reglas de estilo que estime oportuno, pero no se olvide de separar cada uno con un punto y coma. Es una buena idea para poner fin a la última regla con un punto y coma, aunque CSS no requiere que lo haga. No se puede agregar más de un atributo "estilo" a la misma etiqueta, sin embargo. Coloque todas las reglas de estilo en línea para esa etiqueta dentro del mismo atributo "estilo".

3 Busque la parte de la página Web en la que desea colocar el código CSS. Añadir "<style>" etiquetas como lo haría entre "<head>" Etiquetas:

<Style type = "text / css">

/ Código CSS va aquí ... /

</ Style>

Vuelva a colocar la línea comentada "código CSS va aquí ..." con su código CSS según sea necesario. Tenga en cuenta que sus estilos no afectarán el código HTML escrito por encima de estos "<style>" etiquetas.

Consejos y advertencias

  • Utilice estilos en línea CSS para poner a prueba a cabo en su diseño, y luego pasar el estilo de una hoja de estilo externa antes de tomar el sitio en línea.
  • Tenga cuidado al colocar "<style>" etiquetas entre "<body>" etiquetas en archivos HTML. Aunque se puede hacer esto sin causar errores en sus páginas web, el método preferido y mejor organizada es colocar "<style>" etiquetas "entre <head>" etiquetas.