Panel de Propiedades CSS

Cuando abrimos el panel CSS y escogemos la pestaña de Estilos CSS, vemos que ésto consiste en dos partes.
La parte de arriba está dividida en dos pestañas, “Todas” y “Actual” y tienes “Propiedades” en la parte de abajo.

En la pestaña “Actual” de la parte de arriba, verás las diferentes reglas que son usadas para el elemento seleccionado en ese punto de tu página. Por ejemplo, coloca tu cursor en un vínculo de tu página, ésto contendrá todas las reglas que son aplicadas para mostrar éste vínculo. Ya sea reglas internas o externas.

La pestaña “Todas” muestra las reglas que han sido usadas en la página. No importa donde estén, si son reglas internas o externas.

Al inicio encontramos el nombre de la regla CSS, un signo de (+) o menos (-) en la izquierda, dependiendo de donde sea archivado el menu o no archivado.
Tenemos múltiples estilos CSS en nuestro documento, Esos serán desplegados y tendrán múltiples estilos CSS en nuestro documento, todos esos serán desplegados en la parte superior, cada uno con el botón + / -.

Expande la carpeta de estilos, vemos todas las reglas incluídas en éste estilo.

Seleccionamos una línea en un estilo y vemos las propiedades que aplican a ésta regla en la parte baja.
Si hacemos click en una propiedad, podemos cambiarla.

Haciendo click en el texto “Añadir Propiedad” nos permite añadir una propiedad a ésta regla.

En la parte inferior del panel de Estilo CSS, tenemos siete botones.

Botón 4, 5 y 6 fueron vistos en lecciones pasadas.

Botón 7 parece ser claro para mí, si deseas eliminar una regla, selecciónala y haz click en el ícono de la basura.

Botones 1,2 y 3 tratan acerca del despliegue de propiedades para la regla seleccionada.

El botón 3 sólo muestra las propiedades que están ajustadas para la regla seleccionada.

El botón 2 muestra todas las propiedades posibles que puedes ajustar para la línea seleccionada, en orden alfabético.

El botón 1 muestra todas las posibles propiedades que puedes ajustar para la regla seleccionada, por categoría.

Esto es todo lo que tengo que decir acerca de CSS, pero ciertamente, no es todo lo que puedes hacer.

Cuando hablo acerca de tablas, voy a mostrarte cómo darles formato usando CSS.

Cursos

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats