viernes, 18 de octubre de 2013

Día 15. Introducción al CSS

Querido diario;

Hoy hemos dado por finalizado la parte de HTML y comenzamos el CSS con una pequeña introducción a éste.

CSS (Hojas de estilo en Cascada). Consiste en guardar todos los estilos definidos en <style>, guardarlos en un documento .css y hacer referencia a él desde nuestro archivo HTML.

Tenemos dos formas de escribir los estilos en nuestro archivo.

Los nombres que nos inventemos como variables se marcan como almohadillas, por ejemplo:
#container {
      width: 750px;
      height: 1335px;
}

Asimismo, si quereos hacer referencia a una etiqueta existente, simplemente pondremos el nombre de la etiqueta:

body {
      background-color: green;
      color: red;

¿Cómo realizar la llamada a nuestra hoja de estilos desde el HTML?

En la cabecera (<head>), introduciremos esta etiqueta:

<link rel="stylesheet" type="text/css" href="ruta del archivo"> 

Para ver ejemplos de cómo funciona podemos entrar en csszengarden.com, una página que permite descargar CSS ya creados y ver cómo funciona.

Visto esto, es hora de continuar con las prácticas. ¡Hasta la semana que viene!

0 comentarios:

Publicar un comentario