Web.CSS.¿Como Funciona?.

CSS se puede programar en 3 formas distintas:

  • En línea.
  • Externo.
  • Interno.

En Línea.

Este método ya se ha usado en HTML, es decir, se ha estado usando CSS sin saberlo, con la propiedad Style. Un ejemplo:

<!DOCTYPE html>
<html>
<body>
    <h1 style="color:blue;">Encabezado de tipo 1.</h1>
</body>
</html>

Externo.

Se empleo cuando se quiere poner en un archivo aparte, todo el código CSS. Un ejemplo:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
<body>
    <h1>Esto es un encabezado.</h1>
<p>Esto es un párrafo.</p>
</body>
</html>

Para especificar una instrucción externa se hace de la siguiente forma:

<link rel="stylesheet" type="text/css" href="estilo.css">
  • rel=”stylesheet”. Esto es siempre igual, es fijo.
  • type=”text/css”. Se especifica que tipo de archivo es, es decir, en este caso texto css.
  • href=”estilo.css”. Aquí se debe especificar como se llamará el archivo css que se va a utilizar.

Interno.

Esta forma se hace dentro del mismo código HTML, es decir, dentro de las etiquetas <head> y todo el código CSS se especifica dentro de las etiquetas <style>. Un ejemplo:

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
}
</style>

</head>
<body>
    <h1>Encabezado de tipo 1.</h1>
<p>Esto es un párrafo.</p>
</body>
</html>

Continúa por Fondos de pantalla.

Show your support

Clapping shows how much you appreciated Ismael Royano Gómez’s story.