Estilos En Cascada

Se crea un archivo de texto plano, se guarda con extensión .css y se enlaza con la pagina .html mediante <link>.

                  
                  <head>
                  <link rel="stylesheet" type="text/css" href="css/estilo.css" />
                  </head>
                

Tambien se puede definir css en el documento html en cebecera.

                  
                  <head>
                  <style type="text/css">
                    h3{color:green; font-family:Times;}
                    p{color:orange; font-family:Verdana;}
                  </style>
                  </head>
                

Una ultima opción seriá incluir css dentro de los elementos html

                  <body>
                  <h3 sytel="color:green;">Ejemplo</h3>
                  </body>
                

---

Para utilizar una clase se define primero la clase p.clase_azul{color:blue;} y luego se utiliza en el sitio donde se menciona con el class

Unidades de tamaño que podemos utilizar

1. Relativas
   • element (em) - tamaño relativo en comparación con la fuente
   • x-height (ex) - tamaño relativo en comparación con la letra
   • pixel (px) - tamaño relativo a la resolución del monitor
2. Absolutas
   • milimetros (mm)
   • centimetros (cm) - 10 mm
   • pulgadas (in) - 2,54 cm
   • puntos (pt) - 1/72 in
   • picas (pc) - 12 pt

Siguiente

Anterior