Almanaque CSS 2024, Diciembre
La propiedad de espacio en blanco controla cómo se maneja el texto en el elemento al que se aplica. Digamos que tiene HTML exactamente como este: un montón de palabras que "
La propiedad de ancho en CSS especifica el ancho del área de contenido del elemento. Esta área de "contenido" es la parte que se encuentra dentro del relleno, el borde y el margen de "
El combinador de hermanos adyacentes en CSS no es un selector en sí mismo, sino una forma de combinar dos selectores. Por ejemplo: p + p (margen: 0;) El signo más "
El pseudo selector: active cambia la apariencia de un enlace mientras se activa (se hace clic en él o se activa). Normalmente solo se ve "
La pseudoclase: any-link en CSS proporciona un método para seleccionar elementos que son el ancla de origen de un hipervínculo. Si el término fuente ancla te perdió, "
Div (z-index: 1; / * integer * /) La propiedad z-index en CSS controla el orden de apilamiento vertical de los elementos que se superponen. Como en, cuál aparece como "
Los pseudoelementos :: before y :: after en CSS le permiten insertar contenido en una página sin necesidad de estar en el HTML. Si bien el resultado final no es "
Hay muchas formas de seleccionar elementos en CSS. La selección más básica es por nombre de etiqueta, como p (). Casi cualquier cosa más específica que una etiqueta "
La pseudoclase: blank se basa en la pseudoclase: vacía. Como: vacío,: en blanco seleccionará elementos que no contengan nada en absoluto, o que contengan solo un HTML "
La pseudoclase: comprobada en CSS selecciona elementos cuando están en el estado seleccionado. Solo se asocia con elementos input () de tipo radio y "
El pseudo selector: predeterminado coincidirá con el predeterminado en un grupo de elementos asociados, como el botón de opción en un grupo de botones que se selecciona mediante "
Un selector descendiente en CSS es cualquier selector con espacios en blanco entre dos selectores sin un combinador. Aquí hay algunos ejemplos: ul li () header h2 () "
El selector de pseudo-clase: disabled proporciona un estilo condicional a los elementos HTML que pueden recibir la entrada del usuario, cuando los elementos tienen la discapacidad "
La pseudoclase: dir () en CSS permite que los elementos se seleccionen en función de la dirección del lenguaje, como se determina en el marcado HTML. Realmente hay "
Un selector de clase en CSS comienza con un punto (.), Así: .class () Un selector de clase selecciona todos los elementos con un atributo de clase coincidente. Por ejemplo,"
La pseudoclase: enabled en CSS selecciona elementos enfocables que no están deshabilitados y, por lo tanto, habilitados. Solo está asociado con elementos de formulario "
Un combinador hijo en CSS es el símbolo "mayor que", se ve así: ol> li (color: red;) Significa "seleccionar elementos que son descendientes directos"
El pseudo selector: vacío seleccionará elementos que no contengan nada o solo un comentario HTML. div: vacío (pantalla: ninguno;) coincidirá "
:: first-letter es un pseudo elemento que te permite diseñar la primera letra en un elemento, sin necesidad de pegar una etiqueta alrededor de esa primera "
El selector: first-child le permite apuntar al primer elemento inmediatamente dentro de otro elemento. Se define en la especificación CSS Selectors Level 3 como "
El :: pseudo-elemento de primera línea es para aplicar estilos a la primera línea de un elemento. Imagina un párrafo de varias líneas (¡como este!) ".
La pseudoclase: hover en CSS selecciona elementos cuando el cursor del mouse está sobre ellos. Se asocia comúnmente con el enlace () "
El selector: first-of-type en CSS le permite apuntar a la primera aparición de un elemento dentro de su contenedor. Se define en los Selectores CSS Nivel 3 "
El pseudo selector: focus-within en CSS es un poco inusual, aunque bien nombrado y bastante intuitivo. Selecciona un elemento si ese elemento contiene alguna "
La pseudoclase: focus en CSS se usa para diseñar un elemento que actualmente está apuntado por el teclado o activado por el mouse. Aquí hay un ejemplo:"
El combinador general de hermanos (~) en CSS se ve así en uso: .featured-image ~ p (tamaño de fuente: 90%;) En ese ejemplo, seleccionaría todo "