La propiedad display se usa para cambiar el tipo de un elemento. Hay elementos que por naturaleza son tipo bloque o en línea de manera que al usarlos y ajustar propiedades en CSS su posición no se ajusta lo que buscamos, es probable que haya que modificar esta propiedad. En …
La propiedad cursor permite especificar que tipo de puntero del ratón debería mostrarse. Tiene como finalidad proporcionar información al usuario para que sepa cómo interactuar con elementos de la web. Un ejemplo sería cuando el usuario para el ratón por una imagen y la flecha se convierte en una mano …
La propiedad content permite generar contenido a través de CSS. Se usa con los pseudo-elementos :before y :after para indicar que contenido debería añadirse y sí tiene que estar detrás o delante del elemento. Este post abordará qué valores puede tener la propiedad content y cómo usarlos. String La propiedad content puede …
Este post tratará del outline y de sus posibles modificaciones. Esta propiedad es similar a los bordes pero tiene 2 diferencias a destacar: No ocupa espacio. No necesita ser rectangular. La función que tiene es que puede resaltar algún aspecto de la página para el usuario. Al no ocupar espacio …
Este post hablará de propiedades específicas de las tablas que se pueden modificar en CSS. El elemento <table> cuenta con propiedades específicas a mayores de las propiedades comunes como el border, padding, backgrounds y tamaños. Las propiedades específicas son: Border-collapse Border-spacing Caption-side Empty-cells Table-layout Cabe mencionar que las propiedades comunes, …
Tanto las listas ordenadas ( <ol> ) como las listas desorndeandas ( <ul> ) con sus respectivos <li> pueden ser modificadas mediante CSS. Este tema hablará de las propiedades que se pueden modificar para las listas. List-style-type Permite cambiar el tipo de punto o marker para las listas desordenadas y …
En el post anterior hablé de usar una imagen como fondo. El tema de hoy será como modificar los fondos empleando con una imagen. Para ello se modificarán propiedades que permiten repetir la imagen a lo largo del fondo, posicionarla o hacer que quede fija aunque el scroll se mueva. Background-repeat En …
CSS trata cada elemento como una caja y puede controlar el fondo de estas. Este post hablará de manejar los fondos en CSS modificando el color o imagen que puedan usar. Background-color Esta propiedad especifica un color sólido para el fondo de cualquier elemento. Si estableces esta propiedad al <body>, afectaría a …
Los vínculos o links por defecto se muestran azules y subrayados y cambian de color si ya han sido visitados. Para modificar esas características hay que manejar las siguientes propiedades: Color: Cambia el color de la letra. Background-color: Cambia el fondo dándole un aspecto como si hubieras utilizado un subrayador. Text-decoration: …
En uno de mis posts anteriores hablé en qué consiste el box-model. El CSS trata los elementos como cajas y puede modificar una serie de propiedades. En este post explicaré las propiedades line-height y overflow. Line-height Esta propiedad es bastante primordial a la hora de mostrar el texto. Permite incrementar el …