Ahora empiezan las lecciones de CSS, y para empezar vamos a ver un poco como funciona y como se enlaza con HTML5.

CSS3 & HTML5

CSS es un lenguaje de hojas de estilos que se usa para describir como se presentaran las etiquetas que escribamos, lo que quiere decir que le dará estilo a nuestra web.

Así se vería esta misma página sin CSS:

Tim Berners-Lee Tim Berners-Lee

La diferencia es bastante grande entre un página con HTML5 y CSS3, con otra que no tiene CSS3.

A nuestra web podemos añadir estilos de tres formas distintas:

<link>


La etiqueta <link> ya la dimos en la página anterior por lo que aquí solo haremos un pequeño repaso.

Recordemos que la etiquta <link> se utiliza para enlazar un archivo externo con nuestro documento, en este caso enlazaremos el archivo .css con el .html. Esta primera opción para añadir estilos a HTML es mediante un archivo externo, esta es para mi la mejor opción convinada con la tercera.

<style>


Esta etiqueta (Que por supuesto se cierra) define un documento .css en el mismo documento .html. Esto es bueno salvo por el pequeño detalle de que si vamos a escribir un .css muy largo y un .html muy largo, si todo lo unimos en la misma página se hará enorme y más dificil a la hora de buscar fallos en el codigo. La etiqueta <style> está...

¿Donde se encuentra la etiqueta <style>?


 A. <css>
 B. <body>
 C. <head>

Atributo style=""


Con el atributo style="", que pondremos en cada etiqueta, podemos añadir estilos directamente en la etiqueta sin necesidad de enlazar los elementos de HTML con los estilos del CSS con ID y Class

¿ID y Class? Tal vez no te suenen, ni sepas lo que son, para saberlo solo debes pasar página.