Introducción

En este módulo vamos a introducirnos en todo lo referente a CSS3, consta de 2 unidades. Presta mucha atención porque aprenderás a maquetar las páginas web y sobre todo a identificar los elementos por clases o identificadores. Los conceptos de elementos flotantes y entender el modelo de cajas es fundamental.

Unidad 4. Estructura, estilos, selectores y jerarquías en CSS3

Creo mis estilos y propiedades en un archivo CSS pero no se reproduce nada, como si no estuviera enlazado.

El problema puede pasar por varios motivos, prueba lo siguiente:

  • Asegúrate de haber agregado el fichero como hemos visto en el curso. <link rel="stylesheet" type="text/css" href="ruta/nombre_archivo.css">
  • No puedes usar caracteres especiales en el nombre del archivo, por lo que usa solo letras, números, sin espacios y en caso de necesitar poner un nombre claro puedes usar el guión bajo "_", o alternar mayúsculas/minúsuclas; ¡nunca pongáis espacios, ni "ñ", acentos...etc!. Por ejemplo miArchivo.css, mi_archivo2.css..etc
  • Comprueba la ruta del archivo, es decir, existen rutas absolutas y relativas. Debes acostumbrarte a usar relativas, ya que a lo mejor en tu ordenador funciona bien, pero si lo subes a un servidor, no funciona nada. Recuerda que puedes usar ".." para ir al directorio padre desde el que estés partiendo.

Aquí puedes plantear la actividad de varias formas. La parte más complicada sería la colocación de los elementos del menú en el sitio correcto, lo más fácil es usar varios tipos, menu_inicio, menu_secundario. En el menú secundario si lo colocamos en el sitio correcto y le ponemos un ancho fijo que no sobrepase la hoja de la navaja, los elementos bajarán solos hacia abajo y de esta forma, tendremos dos filas, que en realidad es una desbordada. Otra opción, sería agregar tres categorías, una clase de inicio, otra de fila_superior y otra de fila_inferior.

Todas las soluciones son buenas, ya que cada una tiene unas ventajas y opciones, así que elige alguna de estas o alguna otra que se te ocurra, eso si, el usuario que vea tu página tiene que ver que queda bien

Unidad 5. Propiedades, elementos flotantes y posicionamiento

Esta web utiliza cookies, puedes ver nuestra la política de cookies, aquí Si continuas navegando estás aceptándola. Pulsa para quitar este mensaje
Política de cookies +