Las medidas en CSS se emplean, entre otras, para definir la altura, anchura y márgenes de los elementos y para establecer el tamaño de letra del texto. Todas las medidas se indican como un valor numérico entero o decimal seguido de una unidad de medida (sin ningún espacio en blanco…
Continuar leyendoEtiqueta: CSS
Colisiones de estilos en CSS
En las hojas de estilos complejas, es habitual que varias reglas CSS se apliquen a un mismo elemento HTML. El problema de estas reglas múltiples es que se pueden dar colisiones como la del siguiente ejemplo: p { color: red; } p { color: blue; } <p>…</p> ¿De qué color…
Continuar leyendoHerencia CSS
Una de las características principales de CSS es la herencia de los estilos definidos para los elementos. Cuando se establece el valor de una propiedad CSS en un elemento, sus elementos descendientes heredan de forma automática el valor de esa propiedad. Si se considera el siguiente ejemplo: <!DOCTYPE html PUBLIC…
Continuar leyendoAgrupación de reglas en CSS
Cuando se crean archivos CSS complejos con decenas o cientos de reglas, es habitual que los estilos que se aplican a un mismo selector se definan en diferentes reglas: h1 { color: red; } … h1 { font-size: 2em; } … h1 { font-family: Verdana; } Las tres reglas anteriores…
Continuar leyendoSelectores CSS avanzados
Utilizando solamente los selectores básicos de la sección anterior, es posible diseñar prácticamente cualquier página web. No obstante, CSS define otros selectores más avanzados que permiten simplificar las hojas de estilos. Desafortunadamente, el navegador Internet Explorer 6 y sus versiones anteriores no soportaban este tipo de selectores avanzados, por lo…
Continuar leyendoCSS Selectores
Para crear diseños web profesionales, es imprescindible conocer y dominar los selectores de CSS. Como se vio en el capítulo anterior, una regla de CSS está formada por una parte llamada «selector» y otra parte llamada «declaración». La declaración indica «qué hay que hacer» y el selector indica «a quién…
Continuar leyendoSintaxis de la definición de cada propiedad CSS
Una de las principales informaciones de cada definición es la lista de posibles valores que admite la propiedad. Para definir la lista de valores permitidos se sigue un formato que es necesario detallar. Si el valor permitido se indica como una sucesión de palabras sin ningún carácter que las separe…
Continuar leyendoComentarios en CSS
Comentarios CSS permite incluir comentarios entre sus reglas y estilos. Los comentarios son contenidos de texto que el diseñador incluye en el archivo CSS para su propia información y utilidad. Los navegadores ignoran por completo cualquier comentario de los archivos CSS, por lo que es común utilizarlos para estructurar de…
Continuar leyendoMedios CSS
Una de las características más importantes de las hojas de estilos CSS es que permiten definir diferentes estilos para diferentes medios o dispositivos: pantallas, impresoras, móviles, proyectores, etc. Además, CSS define algunas propiedades específicamente para determinados medios, como por ejemplo la paginación y los saltos de página para los medios…
Continuar leyendoGlosario básico de CSS
CSS define una serie de términos que permiten describir cada una de las partes que componen los estilos CSS. El siguiente esquema muestra las partes que forman un estilo CSS muy básico: Los diferentes términos se definen a continuación: Regla: cada uno de los estilos que componen una hoja de…
Continuar leyendo