Subido por:
Aquí vamos a cambiar la fuente y el color del texto usando CSS.
📌 Código de ejemplo:
<!DOCTYPE html> <html> <head> <style> .color-favorito { font-family: 'Comic Sans MS', cursive; color: green; font-size: 24px; } </style> </head> <body> <p class="color-favorito"> Este texto tiene Comic Sans o Cursiva y es verde. </p> </body> </html>
🧠 ¿Qué hace cada línea?
| Línea | ¿Qué significa? |
|---|---|
<style> ... </style> |
Dentro del <head>, esta etiqueta contiene las reglas de estilo CSS. |
.color-favorito {...} |
En CSS, el punto . antes del nombre indica que estás aplicando el estilo a todos los elementos que tengan esa clase. |
font-family: 'Comic Sans MS', cursive; |
Cambia el tipo de letra a Comic Sans. Si no está disponible, usará una fuente cursiva. |
color: green; |
Cambia el color del texto a verde, puedes cambiar a otros colores escribiendo por codigos "#008000" o en ingles "green" |
font-size: 24px; |
Cambia el tamaño del texto a 24 píxeles. Puedes usar cualquier número: 12px, 16px, 30px, etc. |
class="color favorito" |
Es una etiqueta que le pones al párrafo. Sirve para aplicarle estilos solo a ese. El nombre puede ser el que tú quieras (ej: "color fv", "elgod", etc.). |
🧪 Resultado en la página:
Este texto tiene Comic Sans o Cursiva y es verde.
💡 Consejo rápido:
- ✅ Puedes cambiar el color escribiendo
color: red;,color: blue;, etc. - ✅ Puedes usar otras fuentes como
Arial,Verdana, oGeorgia. - ✅ Siempre escribe tus estilos dentro de la etiqueta
<style>para que funcionen bien.