INTRODUCCION A CSS

En esta sesión introducimos las hojas de estilo en cascada (CSS) y su sintaxis elemental.

Cargando video...

NOTA: Solo puedes ver una versión limitada del video a baja resolución, si quieres ver la versión completa por favor regístrate y obtén alguno de nuestros planes!

Descripción del Vídeo

CSS: Cascading Style Sheets (Hojas de estilo en cascada)

Describir la presentación visual de un documento en lenguaje de marcado, como HTML.

La información de estilo puede ser especificada en:
Un documento separado (con un vínculo "<link>") en el encabezamiento
En el mismo documento HTML (con una etiqueta "<style>")
En cada etiqueta particular (con el atributo "style")

-- Ejemplo de básico de CSS

<!DOCTYPE html>
<html lang="es">
  <head>
    <title>Ejemplo básico de CSS</title>
    <meta charset="UTF-8">
    <style>
      h2 { color: red; }
      .negrillas { font-weight: bold; }
      #nota { font-style: italic; }
      #nota a { color: green; }
      #nota a:hover { color: red; }
    </style>
  </head>
  <body>
    <h1>Encabezado 1</h1>
    <h2>Encabezado 2</h2>
    <p>Este es un párrafo normal</p>
    <h2 style="color:green;">Otro Encabezado Nivel 2</h2>
    <p style="background-color: black; color: white;">Y aquí otro párrafo
      con estilo local</p>
    <p class="negrillas">Este es un párrafo en negrillas con clase</p>
    <a href="#">Éste es un enlace con estilo predeterminado</a>
    <p id="nota">
      Este párrafo es referenciado directamente por su ID en el estilo.
      Contiene un <a href="#">enlace con estilo personalizado</a>
    </p>
  </body>
</html>

Rating

Global

Ver video en playlist

comments powered by Disqus

Headshot of Juan Paredes

Juan Paredes

Ingeniero de Sistemas con amplia experiencia, especializado en el desarrollo y arquitectura de software.