Tu portal de
formación online
United States

Infórmate
Inicio » Catálogo » Curso de Diseño Web CSS con Dreamweaver » 2. Glosario básico de CSS

Curso de Diseño Web CSS con Dreamweaver

2. Glosario básico de CSS



Introducción

Antes de meternos en harina con las posibilidades de los Estilos CSS en diseño web, creo necesario dar un repaso sobre la partes más relevantes de este lenguaje. 
¡Ojo!

  • Esta lección no pretende ser un manual donde se detallen una por una todas las propiedades y referencias del Lenguaje CSS (para ellos ya existen guías de referencia, que si no tienes un interés especial suelen ser bastante aburridas).
  • En este curso se da por supuesto un conocimiento básico de los estilos CSS por lo que algunos apartados de la lección puede que te sirvan de repaso mientras que otros sean nuevos. En cualquier caso esta lección sentará las bases que utilizaremos a lo largo del curso y desde las que avanzaremos.
  • Puedes tomarte esta lección como un breve glosario al que recurrir a lo largo del curso.

Por lo tanto no te frustres si te parece demasiado densa; o al contrario, ves que no está todo lo que esperabas. Esto va a ser una base desde la que despegar.

Así que abróchense los cinturones.



Componentes de una regla CSS

Antes de nada recordaremos de que se compone cualquier regla de estilos CSS para poder referirnos a cada una de sus partes con propiedad a lo largo del curso.

sintaxis
Fig. 1. Estas serían las partes de la sintaxis de cualquier regla de estilo CSS.

  • Selector sirve para eso, para seleccionar el elemento que va a obedecer a las características determinadas por las declaraciones .
  • Las declaraciones se componen de una propiedad y el valor que otorgamos a esa propiedad.
  • ¡Atención a los signos de la sintaxis!...
    • El bloque de declaraciones se encierra entre llaves {...}
    • Cada declaración se separa de la siguiente con un "punto y coma" ;
    • La propiedad se separa del valor con "dos puntos" :
Sintaxis del CSS

 

 



Si desea obtener un acceso sin restricciones a los contenidos del curso de Diseño Web CSS con Dreamweaver y disfrutar de todas las herramientas del aula virtual (Videos explicativos streaming, acceso a los foros, chat, ejercicios resueltos, la ayuda del tutor, audioconferencia, estudio de grabación, test y actividades de autoevaluación, etc...) puede inscribirse completamente gratis y comenzar a realizar de forma inmediata el curso.