Comprensión y Uso de las Propiedades de Fuente
Aquí están las propiedades CSS más comunes utilizadas para estilizar fuentes:
selector {
font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
font-style: normal | italic | oblique; /* only these values available */
}
Todos los ejemplos utilizan el mismo texto para mostrar cómo estas propiedades cambian la apariencia.
font-family
Define la tipografía utilizada para mostrar el texto. Se puede establecer una fuente o una lista de fuentes alternativas separadas por comas.
font-size
Control del tamaño del texto. px: tamaño fijo. em/rem: tamaño relativo al elemento padre o raíz.
font-weight
Control del grosor del texto. Valores numéricos: 100–900. Palabras clave: normal, bold, lighter.
font-style
Especifica el estilo del texto: normal, italic o oblique.
Pseudo-clase ::first-letter
::first-letter selecciona la primera letra de un elemento (normalmente un párrafo o encabezado), permitiendo aplicar efectos decorativos o estilizados.
selector::first-letter {
/* some styles */
}
Ejecuta el siguiente ejemplo para observar su funcionamiento.
index.html
styles.css
font-family define la fuente y alternativas.
font-size controla el tamaño del texto en px, em o rem.
font-weight ajusta el grosor usando números o palabras clave.
font-style modifica el estilo de la fuente.
::first-letter aplica estilos a la primera letra de un bloque de texto.
1. ¿Qué propiedad determina el grosor de la fuente?
2. ¿Cuál es el valor predeterminado para la propiedad font-style en CSS?
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you show an example of using the ::first-letter pseudo-class?
What are some common use cases for ::first-letter in web design?
Can you explain the difference between font-style italic and oblique?
Genial!
Completion tasa mejorada a 2.56Comprensión y Uso de las Propiedades de Fuente
Desliza para mostrar el menú
Aquí están las propiedades CSS más comunes utilizadas para estilizar fuentes:
selector {
font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
font-style: normal | italic | oblique; /* only these values available */
}
Todos los ejemplos utilizan el mismo texto para mostrar cómo estas propiedades cambian la apariencia.
font-family
Define la tipografía utilizada para mostrar el texto. Se puede establecer una fuente o una lista de fuentes alternativas separadas por comas.
font-size
Control del tamaño del texto. px: tamaño fijo. em/rem: tamaño relativo al elemento padre o raíz.
font-weight
Control del grosor del texto. Valores numéricos: 100–900. Palabras clave: normal, bold, lighter.
font-style
Especifica el estilo del texto: normal, italic o oblique.
Pseudo-clase ::first-letter
::first-letter selecciona la primera letra de un elemento (normalmente un párrafo o encabezado), permitiendo aplicar efectos decorativos o estilizados.
selector::first-letter {
/* some styles */
}
Ejecuta el siguiente ejemplo para observar su funcionamiento.
index.html
styles.css
font-family define la fuente y alternativas.
font-size controla el tamaño del texto en px, em o rem.
font-weight ajusta el grosor usando números o palabras clave.
font-style modifica el estilo de la fuente.
::first-letter aplica estilos a la primera letra de un bloque de texto.
1. ¿Qué propiedad determina el grosor de la fuente?
2. ¿Cuál es el valor predeterminado para la propiedad font-style en CSS?
¡Gracias por tus comentarios!
