Como usar CSS en un Sitio web

Hay 3 formas de usar CSS en un SItio web

  1. Incluir CSS en el mismo documento HTML
  2. Definir CSS en un archivo externo
  3. CSS en los elementos HTML
1.-CSS en el mismo documento

Los estilos se definen en la cabecera del propio documento HTML .
Con la etiqueta<_style> dentro del <_head> del documento.


<_style type="text/css">
p { color: red; font-family: Verdana,Arial; }
<_/style>


Utilizacion:
  1. Cuando existen un número pequeño de estilos
  2. Cuando se incluyen estilos específicos en un determinado documento HTML
Desventajas:

Cuando se quieren modificar los estilos se debe modificar cada pagina

2.-CSS en un archivo externo

Todos los estilos se incluyen en un archivo externo (por ejemplo style.css ) y se vinculan mediante la etiqueta <_link> .
Por ejemplo:
<_link rel="stylesheet" type="text/css" href="style.css" media="screen">

style.css es un archivo de texto con la extension CSS donde estan definidos todos los estilos

VENTAJAS
  1. Se puede incluir el mismo archivo CSS en muchas paginas HTML estableciendo un estilo homogeneo al todo el sitio web
  2. Es facil de mantener, un solo cambio modifica la apariencia de diversos documentos

3.-CSS en los elementos HTML

Es similar a aplicar la etiqueta formato con HTML


<_p style="color: red; font-family: Verdana,Arial, Helvetica;">Hola Mundo

1 comentario:

Ediap dijo...

Claro y conciso.
Gracias por tan sencillo tratado.