jueves, 2 de abril de 2020

CSS

También aprendimos las etiquetas de css.
Tipos
PropiedadDescripciónValores
contadorContadorcounter(nombre, estilo)
familia-genéricaFamilia genérica de fuentecursive | fantasy | monospace | serif | sans-serif
formaFormarect(top, right, bottom, left)
tamaño-absolutoTamaño absoluto de fuentexx-small | x-small | medium | large | x-large | xx-large
tamaño-relativoTamaño relativo de fuentelarger | smaller
uri (para imagen de fondo o fuentes web)Dirección absoluta o relativaurl("ruta_y_nombre_de_archivo")
Reglas arroba
PropiedadDescripciónDescriptores / Características
@importImportar recursourl(...)
@font-faceFuente webfont-familysrcfont-stylefont-weightfont-stretchunicode-rangefont-variantfont-feature-settings
@mediaCaracterísticas del dispositivowidth | height | orientation | aspect-ratio | resolution | etc.
Tipo de letra (fuente)
PropiedadDescripciónValores
fontpropiedad compuesta[ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar
font-familytipo de letra (fuente)[ nombre-fuente | familia-genérica ] [, nombre-fuente | familia-genérica ]*
font-sizetamañotamaño-absoluto | tamaño-relativo | distancia | porcentaje
font-weightgrosor del trazo (negrita)normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
font-styleinclinación (cursiva)normal | italic | oblique
font-variant(3)variantes tipográficasnormal | small-caps
font-variant-caps(3)versalitasnormal | small-caps
font-kerning(3)kerningauto | normal | none
font-variant-ligatures(3)ligadurasnormal | none | common-ligatures | no-common-ligatures | discretionary-ligatures | no-discretionary-ligatures | historical-ligatures | no-historical-ligatures | contextual | no-contextual
font-variant-numeric(3)versalitasnormal | lining-nums | oldstyle-nums | proportional-nums | tabular-nums | diagonal-fractions | stacked-fractions | ordinal | slashed-zeros
font-variant-position(3)posiciónnormal | sub | super
font-variant-east-asian(3)lenguas asiáticasnormal | jis78 | jis83 | jis90 | jis04 | simplified | traditional | full-width | proportional-width | ruby
font-feature-settings(3)características OpenTypenormal | características OpenType
font-synthesis(3)síntesisnone | weight | style
font-size-adjust(3)ajuste del tamañonúmero
font-stretch(3)anchuraultra-condensedextra-condensedcondensedsemi-condensednormalsemi-expandedexpandedextra-expandedultra-expanded
Texto
PropiedadDescripciónValores
colorcolor del textocolor
directiondirección del textoltr | rtl
letter-spacingespacio entre caracteresnormal | distancia
line-heightespaciado entre líneasnormal | número | distancia | porcentaje
text-alignalineación del textocenter | justify | left | right
text-decorationdecoración del textonone | blink | line-through | overline | underline
text-indentsangrado de la primera líneadistancia | porcentaje
text-transformmayúsculas / minúsculasnone | capitalize | lowercase | uppercase
text-shadow(3)sombreadodesplazamiento horizontal, desplazamiento vertical, tamaño desenfoque, color
unicode-bididirección del textonormal | embed | bidi-override
vertical-alignalineación verticalbaseline | bottom | middle | sub | super | text-bottom | text-top | top | distancia | porcentaje
white-spaceespacios en blanco, saltos de línea y wrapnormal | nowrap | pre | pre-line(+) | pre-wrap(+)
word-spacingespacio entre palabrasnormal | distancia

No hay comentarios.:

Publicar un comentario

ventajas del css