Cursores, barras de desplazamiento y tipografías

Cursores, barras de desplazamiento y tipografías

1. Cursores

   • Bibliografia "https://uniwebsidad.com/libros/css/capitulo-13/personalizar-el-cursor"
   • cursor: default
   • cursor: crosshair
   • cursor: hand
   • cursor: pointer
   • cursor:pointer; cursor: hand
   • cursor: move
   • cursor: text
   • cursor: wait
   • cursor: help
   • cursor: n-resize
   • cursor: ne-resize
   • cursor: e-resize
   • cursor: se-resize
   • cursor: s-resize
   • cursor: sw-resize
   • cursor: w-resize
   • cursor: nw-resize
   • cursor: progress
   • cursor: not-allowed
   • cursor: no-drop
   • cursor: vertical-text
   • cursor: all-scroll
   • cursor: col-resize
   • cursor: row-resize
   • cursor: url(...)

2. Barras de Desplazamiento

   • Overflow
     • Bibliografia "https://developer.mozilla.org/es/docs/Web/CSS/overflow"
     • Visible
       • Valor por defecto. El contenido no es recortado, podría ser dibujado fuera de la caja contenedora.
     • hidden
       • El contenido es recortado y no se muestran barras de posición.
     • scroll
       • El contenido es recortado y el navegador web usa las barras de desplazamiento, se haya recortado contenido o no. Esto previene cualquier problema con las barras de desplazamiento apareciendo o desapareciendo en un entorno dinámico. Puede que las impresoras impriman contenido excedente.
     • auto
       • Depende del agente de usuario. Navegadores de escritorio como Firefox proveen barras de desplazamiento si hay contenido excedente.
   • Overflow-x
     • Bibliografia "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x"
     • visible
       • El contenido no está recortado y puede ser presentado fuera de los bordes izquierdo y derecho del cuadro de relleno. Si el overflow-Y está en hidden,scroll o auto y esta propiedad es visible, se calculará implícitamente a auto.
     • hidden
       • El contenido se recorta si es necesario para encajar horizontalmente en la caja de relleno. No se proporcionan barras de desplazamiento.
     • scroll
       • El contenido se recorta si es necesario para encajar horizontalmente en la caja de relleno. Los navegadores muestran las barras de desplazamiento, ya sea que el contenido esté o no. (Esto evita que aparezca las barras de desplazamiento o desapareciendo cuando el contenido cambie). Las impresoras aún pueden imprimir contenido desbordante. auto
     • auto
       • Depende del agente de usuario. Si el contenido encaja dentro de la caja de relleno, se ve igual que visible, pero aún establece un nuevo contexto de formato de bloque. Los navegadores de escritorio proporcionan barras de desplazamiento si el contenido se desborda.
   • Overflow-y
     • Bibliografia "https://developer.mozilla.org/es/docs/Web/CSS/overflow-y"
     • visible
       • El contenido no es recortado y puede ser visualizado fuera de los extremos superior e inferior del área de padding.
     • auto
       • Depende del cliente. Si el contenido se recorta dentro del área de padding, se vería igual que con la propiedad visible, pero aún determinado por un contexto de formato de bloque. Los navegadores de escritorio proveen barras de desplazamiento si el contenido se desborda.
     • scroll
       • El contenido es recortado, si es necesario, para que se ajuste verticalmente dentro del área de padding. Los navegadores muestran las barras de desplazamiento independientemente de si el contenido se recorta o no (esto evita que las barras de desplazamiento aparezcan o desaparezcan cuando el contenido cambia). Las impresoras pueden imprimir el contenido desbordado.
     • hidden
       • El contenido es recortado, si es necesario, para que se ajuste verticalmente dentro del área de padding. No se dispone de las barras de desplazamiento.

3. Tipografias

   • Bibliografias "https://www.mclibre.org/consultar/amaya/css/css-fuente.html"
   • Font
     • propiedad compuesta
       • [ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar
   • font-family
     • tipo de letra (fuente)
       • [ nombre-fuente | familia-genérica ] [, nombre-fuente | familia-genérica ]*
   • font-size
     • tamaño
       • tamaño-absoluto | tamaño-relativo | distancia | porcentaje
   • font-weight
     • grosor del trazo (negrita)
       • normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
   • font-style
     • inclinación (cursiva)
       • normal | italic | oblique
   • font-variant
     • variantes tipográficas
       • normal | small-caps
   • font-variant-caps
     • versalitas
       • normal | small-caps
   • font-kerning
     • kerning
       • auto | normal | none
   • font-variant-ligatures
     • ligaduras
       • normal | none | common-ligatures | no-common-ligatures | discretionary-ligatures | no-discretionary-ligatures | historical-ligatures | no-historical-ligatures | contextual | no-contextual
   • font-variant-numeric
     • versalitas
       • normal | lining-nums | oldstyle-nums | proportional-nums | tabular-nums | diagonal-fractions | stacked-fractions | ordinal | slashed-zeros
   • font-variant-posititon
     • posición
       • normal | sub | super
   • font-variant-east-asian
     • lenguas asiáticas
       • normal | jis78 | jis83 | jis90 | jis04 | simplified | traditional | full-width | proportional-width | ruby
   • font-feature-settings
     • características OpenType
       • normal | características OpenType
   • font-synthesis
     • síntesis
       • none | weight | style
   • font-size-adjust
     • ajuste del tamaño
       • número
   • font-stretch
     • anchura
       • ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded, ultra-expanded

4. Jainner Gabriel Montaño Cruz

   • Construye Paginas WEB
   • Azucena Guadalupe Gallardo Huratado

Images and files in the map