CSS
Existen 3 diferentes de hijas de estilo(style sheets) y cada una tiene funcionalidades diferentes pero todas nos sirven para poder darle un formarto a nuestro HTML.
Esta nos ayuda a darle formato individial a cada parte del html, el unico inconveniente con esté, es que en realidad es muy incomodo ya que si tenemos que cambiar algo de un documento muy grande tenemos que hacerlo en cada uno de los elementos a cambiar un ejemplo de ello es el siguiete.
<p style="background-color: aqua">
Texto para el parrafo 1
</p>
Donde encontramos el atributo style
con la propiedad background-color
para poder darle el color que se decea de fondo.
Este nos ayuda a modificar el HTML al igual que el interior pero la diferencia con el anterior es que este se programa dentro del head
y hace la modificacion a toda la pagina en lugar de estar modificando parte por parte.
<head>
<title>Estilo en Cabecera</title>
<meta charset="iso-8859-1" />
<style>
body {
background-color: orange;
}
p {
color: blue;
background-color: grey;
}
</style>
</head>
Donde <style>
tambien se puede utilizar como una etiqueta y dentro de ella podemos programar el estilo decedo utilizando una referencia a que etiqueta queremos modificar y para esto utilizaremos las {}
como se muestra en el ejemplo anterior.
En esté se maneja muy similar al anterior la diferencia es que en este no se utiliza nunguna etiqueta de <style>
o codigo CSS
ya que lo que se utiliza es la invocación de una hoja externa con el contenido del formato para HTML.
<head>
<title>Estilo en Cabecera</title>
<meta charset="iso-8859-1">
<link rel="stylesheet" type="text/css" href="estiloExterno01.css" />
</head>
Donde <link>
es una etiqueta vacía dentro de la sección de <head>
y esta permite asociar otro archivo con la página actual.
Atributo href El cuál tiene la función de indicar la direccion(URL) del archivo que se decea vincular
Atributo rel Indica la relación entre el documento actual y el archivo vinculado por la url y cuadno el archivo tiene cascadas de estilo el valor es stylesheet
Atributo value especifica el tipo de MIME del archivo vinculado para las hojas de estilo el valor es text/css