viernes, 11 de octubre de 2013

TIPOS DE CSS

Existen tres tipos de css los cuales wikipedia clasifica de la siguiente manera:
  • Hojas te estilo externas: Que no es mas que un solo documento con extencion .css el cual sera llamado desde cualquier otro documento ya sea .html .php .xml etc...
  • Hojas de estilo internas: Las cuales son las que estan integradas en el mismo documento en el cual se emplearan, la hoja de estilo se escribira entre <head> y </head> con su etiqueta style pero esto lo explicare mas adelante
  • Estilo en linea: Son los estilos que se le asignara a alguna etiqueta, estos ultimos son muy pesados es por ello que no es muy recomendable pues aria el documento mas pesado y no se estarian aprovechando los beneficios que te da CSS.
 

Ejemplos:
Hojas de estilo externas: es muy sencillo en su mayoria las webs utilizan este tipo de hojas, en esta web utilizo, tengo un documento independiente para mis estilos, estos los llamas desde el documento que quieras con la etiqueta <link> y para que esto funcione sera de la siguiente manera:

<link rel="stylesheet" type="text/css" href="style.css" />
Hojas de estilo internas: Este tipo de hojas es el que nos genera el dreamweaver o algun muy buen ejemplo es google, él emplea este tipo de hojas las cuales podremos ver con facilidad.

Estilos en linea: es dificil ver estos estilos pero son utiles cuando el detalle que se le quiere dar es minimo y no es necesario ponerlo en tus documentos, por ejemplo:
<img src="imagen.jpg" style="border:4 #ff0000 solid;padding: 10px 0 0 0;">

No hay comentarios:

Publicar un comentario