Aprender CSS desde cero
Empezando CSS, ¿Qué es y como se utiliza?
CSS son las siglas de Cascading Style Sheets, y nos permitirá cambiar totalmente el aspecto de nuestros archivos HTML sin tocar una línea del código HTML.
Como muchos de vosotros ya habréis deducido, es un gran paso, ya que nos permite separar el contenido del aspecto de nuestra web. Además nos ahorrara mucho tiempo, ya que si por ejemplo tenemos un sitio web con unas 20 páginas que trabajan sobre el mismo archivo CSS podremos cambiar el aspecto de todas ellas tan solo modificando el archivo .css, para ello tan solo tenemos que tener el archivo css enlazado desde los archivos.html, lo cual lo podemos hacer poniendo este código dentro del <head> de nuestros documentos html:
<link rel="nuestro_archivo.css" rel="stylesheet" type="text/css"/>
También es posible poner el código CSS en el mismo archivo HTML, pero perderíamos esa gran ventaja entre otras tantas cosas, por lo que lo recomendable es poner el código CSS en un archivo externo .css y enlazarlo desde nuestras páginas HTML. De todas formas para poder escribir código CSS dentro del mismo archivo HTML debemos hacerlo entre las etiquetas <style> y </style>
Si por alguna razón tenemos un archivo CSS enlazado desde nuestro HTML, pero también tenemos código CSS dentro del archivo HMTL, las órdenes que prevalecerán serán las que están escritas dentro del archivo HTML
Ejemplo de un código CSS:
En este ejemplo vamos a decir simplemente que nuestra web tenga el fondo de color negro, y utilize una fuente arial de color azul
body{
background-color: #000000;
font-family: Arial;
color: #3366CC
}
Como podemos ver, despues de cada orden en CSS debemos escribir un punto y coma ";".
|