O Deporte Baratos Ocio Blanco Venta Hi Reebok 3477 Ex Zapatos Fit

Existen tres formas para declarar instrucciones CSS al código HTML: dentro del tag (inline), en head (embedded) y con un documento separado (extern).

Mocasines Hombre Para Amazon Slickster Equalizer Skechers es qaO4TEnxw

Las instrucciones de estilo se pueden vincular de varias maneras al código HTML. Una de ellas es escribirlas directamente en la etiqueta HTML (inline), una serie de instrucciones en el área de cabecera del documento (embedded) o bien colocarlas externamente en un archivo aparte (extern).

Respecto a la separación entre estructura y representación que indicamos al principio, lo mejor es realizarlo a la variante externa. Puesto que los estilos inline se escriben directamente en el código fuente, sólo resultan apropiados, en el mejor de los casos, para la fase de desarrollo o para la comprobación de determinados valores. Además, su sintaxis varía muy poco de la sintaxis propia de las instrucciones de estilo. Los estilos embedded no se pueden utilizar con efecto en todo el archivo, sino que se han de escribir hoja por hoja, lo que complica considerablemente su mantenimiento. Con ello se ve muy limitada la flexibilidad que se gana utilizando estilos externos.

Instrucciones de estilo directamente en la etiqueta HTML (inline)
La instrucción escrita directamente en la etiqueta HTML sería la siguiente:

<h1 style=”color:#000033;”>Título azul</h1>

Observe que la declaración no se escribe entre llaves, sino en un atributo típico del lenguaje HTML: style=”…”. Además, la instrucción sólo sirve para esta instancia de <h1>. En todas las demás instancias es necesario escribir de nuevo la instrucción.

Instrucciones de estilo en la cabecera del documento (embedded)

Para incorporar instrucciones de estilo en el área de cabecera <head> del documento HTML se necesita, en primer lugar, el elemento <style> con el atributo type=”text/css”. En este elemento se escriben todas las instrucciones en la sintaxis que ya hemos descrito.

<head>
<!-- demás elementos-->
<style type=”text/css”>
h1 {color:#000033;}
h2 {color:#003300:}
<style>
</head>

Además del título azul <h1>, aquí también se especifica que los títulos <h2> han de ir en color verde. Observe que estas instrucciones son válidas para todas las instancias de <h1> y <h2> que aparecen en el documento. No olvide cerrar el bloque con la etiqueta final </style>.

El bloque <style>…</style> se ha de introducir completo en el área de cabecera <head> de cada archivo.

Hojas de estilo vinculadas (extern)

Veamos ahora la solución reina de la vinculación de estilos. Todas las instrucciones necesarias se definen una vez en un archivo externo (la hoja de estilo) y el archivo se referencia después en cada documento HTML en el que queremos aplicar las instrucciones. Si modificamos una o más de esas instrucciones, éstas quedan desactualizadas automáticamente en todos los documentos vinculados.

El archivo con las definiciones de la hoja de estilo debe ser un archivo ASCII puro sin ningún otro “markup”. Nuestro consejo es que guarde siempre el archivo con la extensión .css, por ejemplo miestilo.css.

Escriba en él todas las instrucciones CSS que desee, utilizando exclusivamente la sintaxis descrita en el apartado anterior, por ejemplo:

h1 { Ex Zapatos Blanco O Ocio 3477 Reebok Baratos Deporte Hi Fit Venta
background-color: #c0c0c0;
color: #000033;
}

La referencia del archive CSS en un document HTML se escribiría así:

<head>
<!-- demás elementos -->
<link rel=”stylesheet” type=”text/css” href=”css/miestilo.css”>
</head>

Ha valido la pena escribir el(los) archive(s) CSS en un subdirectorio propio. Su ruta de acceso se puede indicar de manera relativa o absoluta.

¿Te gustó o fue útil?

Ayúdanos a compartirlo en Redes Sociales
Compártelo:

Venta Deporte O Zapatos Ocio 3477 Fit Hi Baratos Reebok Ex Blanco avwrat

Profesor en la Universidad de Guadalajara

Profesional en Desarrollo Web y Posicionamiento SEO desde hace más de 10 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

TAMBIÉN MERECE LA PENA VISITAR:

Internet de las cosas es uno de los mayores desarrollos tecnológicos de las últimas décadas y...

Al separar claramente contenido y diseño, creamos un documento con una estructura lógica muy...

Zapatos Fit Baratos Ocio 3477 Blanco Deporte Ex Hi Reebok O Venta
Zapatillas Asos Deporte De Cortez 749571 100 Cuero El Nike ggr0w

SIGUIENTE


Selectores CSS - Universal, de tipo, clases, ID y avanzado

¿Todavía no encuentras lo que necesitas?

Usa nuestro buscador interno para descubrir más información
Contenido patrocinado:

¿Te gustaría aprender más sobre Diseño Web?

Conoce las palabras y términos más comúnes usados en el Mundo de Internet para la World Wide Web
Glosario de Internet

1 Comentario en "Vincular CSS a HTML - Enlazar hojas de estilo a páginas Web"

  1. Jose

    Las instrucciones de estilo se pueden vincular de varias maneras al código HTML. Una de ellas es escribirlas directamente en la etiqueta HTML (inline),

 

PATROCINADOR

Tu negocio también puede aparecer aquí. Más información
Blog Diseño Web Aprender CSS
Unidad 1: Fundamentos
Venta Deporte 3477 Baratos Ex Reebok Blanco Hi Ocio Fit Zapatos O

Categorías

  • Aprender HTML
  • Aprender CSS
  • Aprender JavaScript
  • Aprender PHP y MySQL
  • Administrar un Sitio Web
  • Populares
  • Recientes

Display en CSS

  • 2,784 Visitado
  • 6 Votos

Tipos de Sitios en Internet - Análisis de proyectos Web

  • 12,704 Visitado
  • 64 Votos

Definir los contenidos - Cómo deben ser los textos en la Web

  • 14,283 Visitado
  • 161 Votos

Diseño Web Responsive - Tutorial con ejemplos adaptables

Formularios HTML - Ejemplos y estilos con CSS para controles

  • 26-06-2018

Tablas HTML ejemplos básicos y avanzados - thead tbody tfoot

  • 26-06-2018
Paulo Villaseñor: La usabilidad web es la facilidad con que el usuario interactua con una página web. Haciendo una interacción sencilla, intuitiva y agradable.
Sofia Arechiga:Running Balance Zapatillas New Para 1500v5 De Racing Supportive fww7dxY La usabilidad web es aquella que permite a los usuarios tener una navegación fácil, interactiva e intuitiva y es muy importante implementarla en nuestro sitio web, ya que de esta manera los usuarios se sentirán mas cómodos y seguros
palsot psa: Ni en tutoriales de youtube había encontrado una explicación tan clara. Mucgas gracias!!

Buscador interno

Publicidad

Baratos Ex 3477 Venta Blanco Zapatos O Deporte Reebok Hi Fit Ocio
Enlaces patrocinados

Recomendado para ti:

Historia de los navegadores Web - Protocolos y servicios Web

    Reebok Blanco Ex Hi Zapatos O Ocio Deporte Baratos 3477 Venta Fit
  • Aprender HTML
  • 146
  • 37,636