Aplicar estilos CSS a un HTML

2 opciones:

1. En el código HTML:

Aplicar un estilo concreto a una etiqueta:

        <tag style=”opcion que queramos;”> </tag>

Por ejemplo:   <p style=”color:#F3F3F3;”>Este párrafo</p>

  ————————————————————————————————————-

Simular un trozo de .css dentro del html:

<STYLE type=”text/css”>

                   H1 {border-width: 1px; border: solid; text-align: center}

</STYLE>

Como vemos se parece mucho a lo que se pone en un archivo .css, se aplicará a todas las entidades “h1″ las propiedades de “border-width”, “border” y “text-align”.

*En este segundo caso, las etiquetas STYLE deben ir en la sección Head del HTML.

2. En el código CSS:

Requiere linkearlo desde el html

<link rel=”stylesheet” type=”text/css” href=”larutadelcss” />

En estos archivos que escribe la etiqueta a aplicar, y dentro de las llaves los atributos que quieras, cada fin de atributo está marcado por “;”

 H1 {

              border-width: 1px;

              border: solid;

              text-align: center;

         }

Como vemos hemos usado el mismo ejemplo anterior, que hará no mismo, pero sin ensuciar el HTML.