Insertar CSS en un documento


Cómo adjuntar una hoja de estilos

Hay 3 maneras posibles para insertar en un documento HTML hojas de estilos

  • Hojas de estilo externas
  • Hojas de estilo internas
  • Estilos Inline

Existen tres maneras insertar CSS


Es ideal cuando un estilo aplica a muchas páginas. Usar Hojas de Estilo Externas permite cambiar los estilos
de un sitio web completo (que pueden ser miles de páginas cambiando un único archivo) cada página HTML deberá estar enlazada con la hoja de estilos usando la etiqueta <link> que va dentro de la etiqueta <head>

Hojas de Estilos Externas


<head>
<link rel=”stylesheet” type=”text/css” href=”miestilo.css”
</head>

Hojas de Estilos Externas


Puede ser escrita en cualquier editor de texto, incluso en editores de texto avanzados como Sublime Text 2, o Dreamweaver CC. O con sencillos como Bloc de Notas. El archivo no debe tener ninguna etiqueta HTML y debe ser guardado con la extensión .css



p {margin-left:12px;}


No dejar espacios entre el valor y la unidad.

Ejemplo

Se usan cuando unos estilos aplican únicamente a un documento HTML; se definen estos estilos en la cabeza del documento usando la etiqueta <style>
Hojas de estilo internas
<head>
<style>
p {text-align: right;
    margin-left:20px;}
</style>
</head>


Hojas de estilo internas

Estilos Inline o dentro de las etiquetas HTML pierde grandes de las ventajas conseguidas de separar el contenido de la forma de presentarlo. No es recomendable


Estilos Inline

<p style=“margin-left;12px;text-align:right;”>
Este es el párrafo </p>


Insertar CSS en un documento Reviewed by Pablo Arturo on 11/04/2013 Rating: 5

No hay comentarios:

All Rights Reserved by Libusvideo © 2014 - 2015
Powered By Blogger, Diseñado por byros

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Con la tecnología de Blogger.