colocar-css

En esta entrada definiremos los distintos lugares donde colocar nuestro código CSS:

En el mismo documento:

Puede haber varias formas de colocarlo dentro del documento, sin necesidad de llamar a un archivo CSS externo:

1. Mediante la tag

Un ejemplo:

<style type="text/css" media="screen">

body {

font-family: Arial;

color: #000;
background-color: #FFF;
}

</style>

2. Desde la etiqueta HTML, mediante la propiedad style:

<p style="color:green"> Párrafo verde </p>

Desde un documento externo:

Mediante la etiqueta :

<link href="mainstyles.css" rel="stylesheet" type="text/css" media ="screen" />

O importándolo desde @import:

<style title="Default" type="text/css" media="screen">
@import url(mainstyles.css);
</style>