Curso de Css. Conclusiones y consejos para aplicar css en página web.

Como conclusión al curso de Css vamos a exponer los pasos y algunos consejos para aplicar correctamente y de forma eficaz estilo a una página web:

  • Hay tres formas de aplicar css a una página web:

  1. En linea. Aunque está en desuso, puede utilizarse en caso de crear solamente una página y que esta contenga poco estilo insertado.
  2. Con estilo insertado en la cabecera del documento. Como en el anterior caso puede ser un método eficaz, cuando el sitio o página web tan solo contiene una o unas pocas páginas.
  3. Con una Hoja de estilo exterior al documento html. Este es el método más eficaz cuando el sitio posee muchas páginas a aplicar estilo.
  • Para aplicar estilo con una hoja exterior vincularemos cada página del sitio con la etiqueta link de la siguiente forma:

<head>

<link rel=»stylesheet» type=»text/css» href=»ruta al archivo .css» />

</head>

  • Podemos aplicar estilo a cualquier elemento, anteponiendo el nombre del mismo en la hoja de estilo.

    En este caso aplicariamos estilo a todos los párrafos del sitio:

  • También podemos aplicar estilo a cualquier elemento, con un identificador (id) o nombre de clase (class). Si señalamos un elemento con un identificador, aplicarÍamos estilo solo y exclusivamente a ese elemento.
    Es importante recordar que solo puede existir un mismo nombre de identificador por página. En cambio si queremos marcar varios elementos con un mismo nombre para aplicar propiedades css comunes a todos ellos, tenemos que utilizar el marcado de clase (class).
  • El marcado html, es muy importante. Tenemos que tomarnos el tiempo necesario, para crear un buen marcado html. Por ejemplo si varios elemento comparten mismas propiedades css, es tonteria crear varios identificadores distintos, pudiendo englobar todo en una sola clase. Esto se traducirá en una hoja de estilo con menos código y por tanto mayor rapidez de carga de página.
    Si tenemos que enmarcar elementos, por ejemplo párrafos, también sería una perdida de tiempo crear varias clases o identificadores, pudiendo utilizar un tipo de enmarcación general para todos.
  • Otra cosa muy importante y ya dicha en el curso, es la situación de las propiedades css en el archivo de hoja de estilo.
    Recordemos que, propiedades css iguales, situadas en posición inferior en la hoja de estilo aplicadas a un mismo elemento, prevalecerán sobre las situadas en partes superiores del archivo. Esto parece algo lógico, pero a medida que la hoja de estilo se va haciendo mas extensa, pueden surgir problemas a causa de ello.

Bueno ya con esto más o menos os habreis podido hacer una idea de en que consiste Css y como aplicarlo. Quedan más cosas por ver y sobre todo con la llegada de Css3, por ejemplo las capas, las animaciones, los degradados, pero si teneis la base bién adquirida en css, el resto resultará fácil.

¿Te ha gustado? Compártelo.