-
Antes de empezar el curso.
Grupos y foros. -
Módulo 1 - Desarrollo web1.1 Sitios Web4 Temas1 Cuestionario
-
1.2 Lenguajes4 Temas1 Cuestionario
-
1.3 Herramientas3 Temas
-
Módulo 2 - HTML2.1 Estructura5 Temas1 Cuestionario
-
2.2 Contenido6 Temas1 Cuestionario
-
Descargar material 1
-
Módulo 3 - CSS3.1 Estilos2 Temas
-
3.2 Referencias2 Temas
-
3.3 Propiedades12 Temas1 Cuestionario
-
Descargar material 2
-
Módulo 4 - Diseño web4.1 Cajas1 Tema1 Cuestionario
-
4.2 Modelo de caja tradicional4 Temas1 Cuestionario
-
Proyecto 1 - Netflix13 Temas
-
4.3 Modelo de caja flexible2 Temas1 Cuestionario
-
Proyecto 2 - Azul Web6 Temas
-
Descargar material 3
-
Módulo 5 - Diseño web adaptable5.1 Web móvil
-
Final del cursoProyecto final2 Temas
-
Despedida del curso
-
Encuesta
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.