En este artículo, vamos a crear una ilusión de imágenes debajo de la imagen principal. Este es un artículo simple, podemos lograr nuestro objetivo solo usando HTML y CSS. Enfoque: Cree un div principal en el que hayamos agregado una etiqueta de encabezado y luego use los selectores en CSS para crear los efectos. Código … Continue reading «¿Cómo crear texto en perspectiva usando HTML y CSS?»
El selector :visited en CSS se usa para seleccionar los enlaces visitados. Por ejemplo, visite algún enlace en el sitio web y vuelva a verlo, luego encontrará el color cambiado de ese enlace. Este cambio de color lo realiza :selector visitado. Las propiedades CSS permitidas de los selectores visitados se enumeran a continuación: color color del … Continue reading «CSS | :selector visitado»
El selector requerido se usa para seleccionar el elemento requerido con el atributo requerido y establecer la propiedad CSS. Los atributos requeridos de los elementos de formulario se definen como requeridos. Nota: Este selector se usa con elementos de formulario, por ejemplo. <entrada>, <seleccionar> y <área de texto>. Sintaxis: :required { // CSS Property } … Continue reading «CSS | :requerido Selector»
El selector [attribute*=”str”] se utiliza para seleccionar aquellos elementos cuyo valor de atributo contiene la substring especificada str. Esta substring podría estar al principio, al final o en medio de la clase. Sintaxis: element [attribute*=»str»] { // CSS Property } Ejemplo: <!DOCTYPE html> <html> <head> <title> CSS [attribute*=»str»] Selector </title> <!– CSS property –> … Continue reading «CSS | Selector [atributo*=valor]»
El Selector de pseudoclase :focus CSS se utiliza para apuntar al elemento enfocado, es decir, selecciona un elemento que actualmente está enfocado por el usuario. Este selector funciona en los elementos de entrada del usuario, generalmente utilizados en formularios, y se activa tan pronto como el usuario hace clic en él o toca un elemento, … Continue reading «CSS: Selector de enfoque»
En este artículo, aprenderemos sobre el selector contextual en CSS y comprenderemos la sintaxis de declaración con la ayuda de ejemplos de código. Un selector contextual se define como un selector que considera el contexto donde se va a aplicar el estilo. En palabras simples, el estilo especificado se aplica a un elemento solo si … Continue reading «¿Qué es el selector contextual en CSS?»
La pseudo-clase :focus-within es una selecciona un elemento que consiste en un elemento enfocado como hijo. Las reglas de CSS se aplican cuando cualquier elemento secundario obtiene el foco. El ejemplo incluye hacer clic en un enlace, seleccionar una entrada, etc. Sintaxis: :focus { /* CSS Properties */ } Ejemplo: a continuación se muestra el … Continue reading «CSS: Selector de foco dentro»
El selector :valid se utiliza para seleccionar los elementos del formulario con un valor dado que valida según los elementos. Este selector solo funciona para elementos de formulario con algunas limitaciones, como elementos de entrada con atributos mínimos y máximos, campos de correo electrónico con un correo electrónico legal o campos numéricos con un valor … Continue reading «CSS | : Selector válido»
Este selector :invalid se utiliza para seleccionar todos los elementos del formulario que no se validan de acuerdo con los elementos . Este selector funciona solo para algunos elementos de formulario con limitaciones, como elementos de entrada con atributos mínimos y máximos, campos de correo electrónico con un correo electrónico legal o campos numéricos con … Continue reading «CSS | :Selector inválido»
El selector [atributo|=valor] se utiliza para seleccionar aquellos elementos cuyo valor de atributo es igual a «valor» o valor de atributo que comienza con «valor» con el inmediato seguido de un guión (-). Nota: Utilice <!DOCTYPE> para ejecutar el selector [atributo|=valor] en IE8 o versiones anteriores. Sintaxis: [attributeType|=value] { // CSS Property } Ejemplo 1: … Continue reading «CSS | Selector [atributo|=valor]»