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>