3 Maneras de usar CSS
Existen 3 maneras de insertar código CSS en HTML;
- En línea
- En el encabezado
- A través de un archivo externo
En línea
Se utiliza para agregar estilo a un elemento, no es aconsejable ya que hace menos legible la estructura de la página. Se agrega el estilo style con su valor al elemento. Ejemplo:
<p style="color:blue;"> Hola a todos </p>
<p style="color:blue;"> Hola a todos </p>
En el Encabezado
Dentro de las etiquetas <head></head> se insertan las etiquetas <style></style> y dentro de estas etiquetas se enlistan los elementos con su declaración. Este estilo tampoco es tan recomendable ya que hace más largo el archivo y por lo tanto el tiempo de carga. Ejemplo:
<head>
<style>
p{
color:blue;
}
h1{
color:red;
}
</style>
</head>
Archivo Externo
En el encabezado se establece el/los archivos de los cuales se tomarán los estilos. Es la forma más recomendada ya que acelera el tiempo de carga de las páginas y además es más comprensible el código. Ejemplo:
Primero relacionar el archivo en el encabezado
<head>
<link href="MisEstilos.css" rel="stylesheet">
</head>
Después en el archivo se escriben los selectores con sus declaraciones.
h1{
color:red;
}
#lateral{
margin-right: 20px;
}
.titulos{
color:blue;
}
No hay comentarios.:
Publicar un comentario