Visibilidad de los
elementos
En la etiqueta CSS que queramos cambiar:
visibility:hidden à
Oculta el elemento, manteniendo su espacio. Digamos que pone una opacidad del
0%
display:none à
Oculta el elemento, y el espacio que ocupa
Selectores CSS
Para aplicar los estilos a determinados elementos,
necesitaremos poner estos códigos:
- A un elemento à a { } <!-- Se aplica a todas las etiquetas a -->
- A varios elementos à
a,aside{ } <!-- Se aplica a
varios elementos -->
- A los id à
#panelizquierdo { } <!-- Para todos
los elementos con ese id -->
- Por clases à
.enlaceRojo { } <!-- Es una
diferencia a nivel conceptual con los id. Es para aplicar “en masa”. Id es
para aplicarlos a algo concreto, a un header por ejemplo }
- Para nombrar el class: <a class=”enlaceRojo”>
Veamos un ejemplo. Como mostrar, por ejemplo, en orden los
enlaces que están dentro del nav:
nav a { }
Si tenemos dos nav:
nav a { }
O también:
nav#azul a { } <!-- Sólo los enlaces que estén en un nav hijo de
azul-->
Entonces, para ordenarlos horizontalmente, por ejemplo:
nav a {
display:inline;
}
Margin y Padding
Margin despeja un área del elemento, más allá del borde. El
margen no tiene un color de fondo, y es siempre completamente transparente.
El padding despeja un área alrededor del contenido (dentro
del borde)
La página hasta ahora ha sido editada para mostrar todo lo mencionado en este entrada y en las anteriores. Si deseas descargar la versión de la web hasta el día 17/09/2014 pulsa aquí
0 comentarios:
Publicar un comentario