el tutorial de Dreamweaver
el tutorial de Dreamweaver el tutorial de Dreamweaver
Aunque puedes omitirlos, pero recuerda que si lo haces por omision los valores serán top y left.Igual que en algunos de los apartados anteriores puedes utilizar la propiedad background pararesumir las reglas CSS.Así el siguiente bloque:.cita {background-color: gray;background-image: url(imagenes/quote.gif);background-repeat: no-repeat;background-attachment: scroll;background-position: right top;}Puede ser escrito de la siguiente forma:.cita {background: gray url(imagenes/quote.gif) no-repeat scroll right top;}Recuerda mantener el orden color, image, repeat, attachment y position.Y ya sabes, si no quieres alguno, sáltatelo.Para practicar realiza el Ejercicio Paso a Paso de Controles de Fondo.
Unidad 17. Estilos CSS Avanzado (X)17.10Controles de margenAhora veremos unas cuantas reglas que afectarán a los bordes y márgenes de los elementos.Para ello utilizaremos el mismo ejemplo: dos cajas, una dentro de la otra.margentextomargenmargin-top, margin-right, margin-bottom y margin-left establecen la distancia de los bordesdel elemento al elemento padre.Puedes utilizar píxeles o porcentajes para indicar estas distancias.Por ejemplo, en la siguente caja se le ha dado al bloque interior la siguiente clase:.bloque_interior {margin-top: 20px;margin-right: 0px;margin-bottom: 5px;margin-left: -10px;}margentextomargenLos márgenes superiores e inferiores se pueden ver en la distancia que hay de la caja interior a laspalabras margen.Observa cómo el margen 0 del lado derecho hace que los bordes queden pegados, mientras queun valor negativo hace que el bloque salga de la caja.La propiedad margin te permite unificar varias propiedades en una sola:.bloque_interior {margin-top: 20px;margin-right: 0px;margin-bottom: 5px;
- Page 135 and 136: \W Al contrario que el anterior, es
- Page 137 and 138: Habremos conseguido cambiar las eti
- Page 139 and 140: Obviamente para realizar la segunda
- Page 141 and 142: Unidad 13. Otros elementos (I)13.1V
- Page 143 and 144: El elemento que suele utilizarse pa
- Page 145 and 146: Dicho código tiene que ir entre la
- Page 147 and 148: Cuando existen varias capas en un m
- Page 149 and 150: Unidad 15. Comportamientos (I)15.1E
- Page 151 and 152: Para eliminar un comportamiento, ha
- Page 153 and 154: mientras que el otro la ocultará p
- Page 155 and 156: Texto de la Barra deEstadoEl Texto
- Page 157 and 158: Unidad 16. Comportamientos Avanzado
- Page 159 and 160: Unidad 16. Comportamientos Avanzado
- Page 161 and 162: Unidad 16. Comportamientos Avanzado
- Page 163 and 164: Este comportamiento también deber
- Page 165 and 166: Luego puedes marcar la opción Sele
- Page 167 and 168: Rellenar este menú es igual de fá
- Page 169 and 170: También es posible importar archiv
- Page 171 and 172: Este es un bloque con el texto rojo
- Page 173 and 174: Puedes utilizar todas las anidacion
- Page 175 and 176: Puedes utilizarlas todas a la vez o
- Page 177 and 178: font-size: establece el tamaño de
- Page 179 and 180: Esta línea muestra el texto con un
- Page 181 and 182: El modo en el que se definiría el
- Page 183 and 184: Observa que hemos utilizado una URL
- Page 185: #menu {background-image: url(imagen
- Page 189 and 190: .bloque_interior {margin-right: aut
- Page 191 and 192: Unidad 17. Estilos CSS Avanzado (XI
- Page 193 and 194: order-right-width: 10px;border-righ
- Page 195 and 196: Además le hemos dado un tamaño de
- Page 197 and 198: menumenucontenidocontenidocontenido
- Page 199 and 200: 7. A este bloque deberemos asignarl
- Page 201 and 202: 1 2 3 46 7 824 5 9 10 11231222 21 2
- Page 203 and 204: Así deberíamos declarar la posici
- Page 205 and 206: Unidad 17. Estilos CSS Avanzado (XI
- Page 207 and 208: autoEn este ejemplo hemos introduci
- Page 209 and 210: Aquí deberás rellenar los datos q
- Page 211 and 212: Unidad 18. Sitios Remotos (II)18.2E
- Page 213 and 214: Unidad 18. Sitios Remotos (III)18.3
Aunque pue<strong>de</strong>s omitirlos, pero recuerda que si lo haces por omision los valores serán top y left.Igual que en algunos <strong>de</strong> los apartados anteriores pue<strong>de</strong>s utilizar la propiedad background pararesumir las reglas CSS.Así <strong>el</strong> siguiente bloque:.cita {background-color: gray;background-image: url(imagenes/quote.gif);background-repeat: no-repeat;background-attachment: scroll;background-position: right top;}Pue<strong>de</strong> ser escrito <strong>de</strong> la siguiente forma:.cita {background: gray url(imagenes/quote.gif) no-repeat scroll right top;}Recuerda mantener <strong>el</strong> or<strong>de</strong>n color, image, repeat, attachment y position.Y ya sabes, si no quieres alguno, sáltat<strong>el</strong>o.Para practicar realiza <strong>el</strong> Ejercicio Paso a Paso <strong>de</strong> Controles <strong>de</strong> Fondo.