¿Que es CSS?

Permite que una página Web tenda un diseño y aspecto que no se puede lograr con solo HTML, estas son las hojas de estilo en cascada o (Cascading Style Sheets, o sus siglas CSS) hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje html. Su aplicación más común es dar estilo a páginas webs escritas en lenguaje HTML y XHTML, pero también puede ser aplicado a cualquier tipo de documentos XML, incluyendo SVG y XUL.

Colocar los Estilos Directamente en una Etiqueta

Podemos colocar estilos directamente en las etiquetas mediante la propiedad style, esta forma de poner estilos no se estila hacer de forma masiva ya que complica la página Web.

El siguiente ejemplo muestra una etiqueta h1 y p que tienen estilos colocados directamente en la etiqueta.

<h1 style="color:#0000ff; border-style:dotted;width:350px; text-align:center;">
        Titulo H1 con estilo
</h1>

<p style="border-style:double; border-color:#ff5500">
        No debo ll&eacute;gar tarde a clases.....
</p>


Definir Etiquetas usando Estilos CSS

Cuando usamos estilos podemos hacer que cierta etiqueta tenga un estilo definido para la pagina usada en ese momento, la definimos una sola vez y luego podemos rezarla solo colocando la etiqueta re definida.

El siguiente ejemplo cambia el aspecto de las etiquetas H3 y P, observa que la definición se coloca dentro de <head>.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
h3
{
color:#990099;
text-align:center;
text-transform:uppercase;
border-style: solid;

}
p
{
background-color: #ffaa33;
}
</style>
</head>
<body>
<h3>Este es una Titulo H3 con estilo</h3>
<hr />
<p>
Este parrafo tiene re definido su aspecto con css
</p>
<hr />
<p>
Cuando usamos un estilo para una etiqueta este mejora en aspecto
</p>
<h3>Web Master: Angel M.T.</h3>
</body>
</html>