| Tipos | ||
| Propiedad | Descripción | Valores |
| contador | Contador | counter(nombre, estilo) |
| familia-genérica | Familia genérica de fuente | cursive | fantasy | monospace | serif | sans-serif |
| forma | Forma | rect(top, right, bottom, left) |
| tamaño-absoluto | Tamaño absoluto de fuente | xx-small | x-small | medium | large | x-large | xx-large |
| tamaño-relativo | Tamaño relativo de fuente | larger | smaller |
| uri (para imagen de fondo o fuentes web) | Dirección absoluta o relativa | url("ruta_y_nombre_de_archivo") |
| Reglas arroba | ||
| Propiedad | Descripción | Descriptores / Características |
| @import | Importar recurso | url(...) |
| @font-face | Fuente web | font-family, src, font-style, font-weight, font-stretch, unicode-range, font-variant, font-feature-settings |
| @media | Características del dispositivo | width | height | orientation | aspect-ratio | resolution | etc. |
| Tipo de letra (fuente) | ||
| Propiedad | Descripción | Valores |
| 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(3) | variantes tipográficas | normal | small-caps |
| font-variant-caps(3) | versalitas | normal | small-caps |
| font-kerning(3) | kerning | auto | normal | none |
| font-variant-ligatures(3) | ligaduras | normal | none | common-ligatures | no-common-ligatures | discretionary-ligatures | no-discretionary-ligatures | historical-ligatures | no-historical-ligatures | contextual | no-contextual |
| font-variant-numeric(3) | versalitas | normal | lining-nums | oldstyle-nums | proportional-nums | tabular-nums | diagonal-fractions | stacked-fractions | ordinal | slashed-zeros |
| font-variant-position(3) | posición | normal | sub | super |
| font-variant-east-asian(3) | lenguas asiáticas | normal | jis78 | jis83 | jis90 | jis04 | simplified | traditional | full-width | proportional-width | ruby |
| font-feature-settings(3) | características OpenType | normal | características OpenType |
| font-synthesis(3) | síntesis | none | weight | style |
| font-size-adjust(3) | ajuste del tamaño | número |
| font-stretch(3) | anchura | ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded, ultra-expanded |
| Texto | ||
| Propiedad | Descripción | Valores |
| color | color del texto | color |
| direction | dirección del texto | ltr | rtl |
| letter-spacing | espacio entre caracteres | normal | distancia |
| line-height | espaciado entre líneas | normal | número | distancia | porcentaje |
| text-align | alineación del texto | center | justify | left | right |
| text-decoration | decoración del texto | none | blink | line-through | overline | underline |
| text-indent | sangrado de la primera línea | distancia | porcentaje |
| text-transform | mayúsculas / minúsculas | none | capitalize | lowercase | uppercase |
| text-shadow(3) | sombreado | desplazamiento horizontal, desplazamiento vertical, tamaño desenfoque, color |
| unicode-bidi | dirección del texto | normal | embed | bidi-override |
| vertical-align | alineación vertical | baseline | bottom | middle | sub | super | text-bottom | text-top | top | distancia | porcentaje |
| white-space | espacios en blanco, saltos de línea y wrap | normal | nowrap | pre | pre-line(+) | pre-wrap(+) |
| word-spacing | espacio entre palabras | normal | distancia |
jueves, 2 de abril de 2020
CSS
También aprendimos las etiquetas de css.
Suscribirse a:
Comentarios de la entrada (Atom)
-
También aprendimos las etiquetas de css. Tipos Propiedad Descripción Valores contador Contador counter(nombre, estilo) familia-genérica...
-
Existen varios lugares donde utilizar CSS . En el primer tutorial aprendimos a añadir en línea el CSS (dentro de la propias etiquetas HT...
-
bueno con css podemos aprender que ahorra trabajo y podemos diseñar y todo no ahora mucho dinero así que podemos aprender como plantearlo. ...
No hay comentarios.:
Publicar un comentario