Etiqueta: Programación

Sabemos que podemos aplicar estilos CSS a partir de una etiqueta HTML (referenciar por tag), o bien a partir de una parte del documento HTML con un nombre único (referenciar por id), o bien a partir del atributo class (referenciar por clase). A partir de CSS3 se introdujo la posibilidad de referenciar estilos mediante cualquier atributo de elementos HTML. Los atributos son parámetros asociados a una etiqueta HTML y que tienen un valor concreto. Por ejemplo en <div class=”destacado” > … </div> el atributo class del contenedor div tiene como…

Leer más

Hemos visto cómo aplicar estilos CSS a todas las etiquetas HTML de un tipo, o bien a una parte del documento HTML con un nombre único (id), o bien en distintas partes de un documento o proyecto web usando class. Una característica interesante de CSS es cómo nos permite definir estilos en clases superiores o clases padre que se van transmitiendo hacia las subclases o clases hijas. DEFINIR CLASES QUE SOLO SEAN APLICABLES A ETIQUETAS ESPECÍFICAS Partimos del código que hemos utiliado en la anterior entrega del curso. En concreto…

Leer más

SELECTORES CSS Ya sabemos cómo aplicar estilos CSS a todas las etiquetas HTML de un tipo, o bien a una parte del documento HTML con un nombre único (id). Pero muchas veces querremos aplicar una misma definición de estilos en distintos lugares de una página web. Para ello además del selector de etiqueta o palabra clave que ya conocemos y del selector # por id, podemos definir estilos para aplicarlos donde deseemos mediante el atributo class. SELECTOR POR CLASS Trataremos ahora de definir estilos que podamos aplicar en diferentes lugares…

Leer más

Hemos estudiado cómo aplicar estilos CSS a todas las etiquetas HTML de un tipo, por ejemplo a todos los párrafos, todas las listas, todos los links, etc. Pero en numerosas ocasiones no queremos que todas las etiquetas de un tipo tengan un mismo estilo, sino aplicar distintos estilos a una etiqueta o a una parte de una página web. Para ello además del selector de etiqueta o palabra clave que ya conocemos existen otros selectores, entre los más usados tenemos los selectores por id y los selectores de clase. Recordemos…

Leer más

Podemos dar formato a nuestros documentos HTML de varias maneras: incluyendo propiedades CSS en las propias líneas de HTML (aplicación de estilos en línea), en la parte inicial del documento HTML (aplicación de estilos interna) o en un archivo de extensión .css independiente del archivo HTML (aplicación de estilos externa). Antes de escribir nuestro primer código CSS remarquemos una cuestión importante: al crear un documento HTML este ya posee un estilo. ¿Cuál? El estilo por defecto que aplican los navegadores. Este estilo por defecto suele comprender un tipo de letra,…

Leer más