Para incorporar CSS a nuestras páginas HTML tenemos tres opciones, todas igualmente efectivas.
1. En la misma etiqueta HTML
En este caso se hace uso del atributo
style que se puede agregar a cualquier etiqueta HTML. Permite colocar diferentes estilos a etiquetas iguales.
<html>
<head>
<title>Ejemplos CSS</title>
</head>
<body>
<p style="font-color: #ff0000">Texto rojo</p>
<p style="font-color: gold">Texto dorado</p> </body>
</html>
|
2. Dentro de la página HTML
Se incorporan diversos estilos dentro de las etiquetas style, en forma general.
<html>
<head>
<title>Ejemplos CSS</title>
<style type="text/css">
p {font-color: #00ff00;}
</style>
</head>
<body>
<p>Texto de color</p>
</body>
</html>
|
3. Uso de un archivo de estilos externo.
Los estilo son definidos en un archivo con extensión .css que es linqueado desde nuestra página.
p {
font-color: #00ff00;
}
|
<html>
<head>
<title>Esjemplos CSS</title>
<link rel="stylesheet" type="text/css" href="estilos.css" />
</head>
<body>
<p>Texto de color</p>
</body>
</html>
|
Cualquiera sea la opción que utilices, tendrás en tus manos la manera de definir los colores y diseñopar hacer única tu página.
No hay comentarios.:
Publicar un comentario