Curso básico de CSS

Las Hojas de Estilo en Cascada, o mejor conocidas como CSS, son una manera de darle formato al HTML. Mediante el CSS podemos cambiar de posición los elementos, darle color, cambiar un tipo de letra, modificar su tamaño. El CSS también nos permite poner imágenes, posicionarlas y mucho más. El pocas palabras podemos decir que CSS es lo que le da vida al HTML. En este pequeño curso básico de CSS vamos a ver los puntos elementales para comenzar a usar CSS a la hora de crear una página web.

Aplicando CSS en línea o In-line

Los estilos CSS aplicados en línea se ponen dentro de las etiquetas. En el caso del ejemplo está ubicado dentro de la etiqueta <p>. En este caso veremos que el párrafo se colorea de rojo. Haganlo ustedes en su computadota también.


<p style="color: red">text</p>

Hay que aclarar que los estilos CSS en línea no son la mejor manera de usar CSS y debe ser evitada siempre que sea posible.

Interno o embebido

Otra forma de aplicar los estilos CSS al HTML es dentro del mismo documento HTML en una sección en especial. Dentro de las etiquetas <head></head> , y se ve más o menos así:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSS Ejemplo</title>
<style type="text/css">
	p {

		color: red;
	}

	a {
		color: blue;
	}
</style>

...
Con este código hacemos que todos los párrafos se coloreen de rojo y los vínculos se coloreen de azul.