fbpx
Volver a Curso

Curso profesional de HTML y CSS.

0% Completado
0/0 Steps
  1. Antes de empezar el curso.

    Grupos y foros.
  2. Módulo 1 - Desarrollo web
    1.1 Sitios Web
    4 Temas
    |
    1 Cuestionario
  3. 1.2 Lenguajes
    4 Temas
    |
    1 Cuestionario
  4. 1.3 Herramientas
    3 Temas
  5. Módulo 2 - HTML
    2.1 Estructura
    5 Temas
    |
    1 Cuestionario
  6. 2.2 Contenido
    6 Temas
    |
    1 Cuestionario
  7. Descargar material 1
  8. Módulo 3 - CSS
    3.1 Estilos
    2 Temas
  9. 3.2 Referencias
    2 Temas
  10. 3.3 Propiedades
    12 Temas
    |
    1 Cuestionario
  11. Descargar material 2
  12. Módulo 4 - Diseño web
    4.1 Cajas
    1 Tema
    |
    1 Cuestionario
  13. 4.2 Modelo de caja tradicional
    4 Temas
    |
    1 Cuestionario
  14. Proyecto 1 - Netflix
    13 Temas
  15. 4.3 Modelo de caja flexible
    2 Temas
    |
    1 Cuestionario
  16. Proyecto 2 - Azul Web
    6 Temas
  17. Descargar material 3
  18. Módulo 5 - Diseño web adaptable
    5.1 Web móvil
  19. Final del curso
    Proyecto final
    2 Temas
  20. Despedida del curso
  21. Encuesta
Lección Progreso
0% Completado

Las hojas de estilo en cascada, o como se les conoce por sus siglas en inglés, CSS, son un lenguaje utilizado para definir los estilos de los elementos HTML, estos pueden ser desde el tamaño, color, bordes, y un gran etc.

Aunque todos los navegadores asignan estilos por defecto a la mayoría de los elementos, estos estilos generalmente están lejos de lo que queremos para nuestros sitios web. Para declarar estilos personalizados, CSS utiliza propiedades y valores. Esta construcción se llama declaración y su sintaxis incluye dos puntos después del nombre de la propiedad, y un punto y coma al final para cerrar la línea

color: #FFFFFF;

En el ejemplo, el valor #FFFFFF se asigna a la propiedad color. Si está propiedad se aplica luego a un elemento HTML, el contenido de ese elemento se mostrará en color blanco (el valor #FFFFFF representa el color blanco).

Las propiedades CSS se pueden agrupar usando llaves. Un grupo de una o más propiedades se llama regla y se identifica por un nombre llamado selector

body {
     width: 100%;
     margin: 0px;
     background-color: #FF0000;
} 

El código anterior declara una regla con tres propiedades: width, margin y backgroundcolor. Esta regla se identifica con el nombre body, lo que significa que las propiedades serán aplicadas al elemento <body>. Si incluimos esta regla en un documento, el contenido del documento se extenderán hacia los límites de la ventana del navegador y tendrán un fondo rojo.