Skill Topic · Cinematic

📝 CSS Text — Typography Workshop 🖋️📄

CSS Text jaise Typography Workshop — text ka color, alignment, decoration, spacing, shadow sab…

Overview

📝 CSS Text — Typography Workshop 🖋️📄 — Quick Facts

📌

#: Topic

🎯

1: Text Color

⚡

2: Text Alignment

🔑

3: Text Direction

Topic 1

🎯 Real-World Analogy — Typography Workshop 🖋️📄

📚 🖋️ Imagine karo Printing Press / Typography Shop: - color = Ink ka color — kaali, neeli,…

Topic 2

📌 1. Text Color

💡 🖋️ Ink ka color — kaali, neeli, laal! `css h1 { color: navy; } / Color name / p { color:…

Topic 3

📌 2. Text Alignment

🎯 🖋️ Text ko kahan rakhna — left, center, right, justify! `css .left { text-align: left; }…

Topic 4

📌 3. Text Direction

⭐ `css / Right-to-Left (Arabic, Urdu, Hebrew) / .rtl { direction: rtl; unicode-bidi:…

Topic 5

📌 4. Text Decoration

🔑 🖋️ Pen se line kheenchna — underline, overline, strikethrough! `css .underline {…

Topic 6

📌 5. Text Transform

✨ 🖋️ BADA/chhota likhna — caps lock jaise! `css .upper { text-transform: uppercase; } /…

Topic 7

📌 6. Text Spacing

🌟 text-indent: css p { text-indent: 50px; } / Pehli line 50px andar / letter-spacing:…

Topic 8

📌 7. white-space

🚀 `css .normal { white-space: normal; } / Default — wrap + collapse / .nowrap {…

Topic 9

📌 8. Text Shadow

📚 🖋️ 3D effect — text ke peeche shadow! `css / Basic shadow / h1 { text-shadow: 2px 2px…

Topic 10

📌 9. Complete Example

💡 `html <!DOCTYPE html> <html> <head> <style> * { margin: 0; padding: 0; box-sizing:…

Topic 11

📌 10. Common Mistakes ⚠️

🎯 | # | Mistake ❌ | Correct ✅ | Explanation | |---|-----------|-----------|-------------| |…

Topic 12

📌 11. Practice Exercises 🏋️

⭐ 🟢 Beginner — Basic Text ` 📋 Task: 1. Heading center + uppercase + letter-spacing 2.…

Topic 13

✅ Summary

🔑 | Property | Kya Karta Hai | Analogy 🖋️ | |----------|--------------|-----------| | color…

Quick Quiz

Quiz — Question 1

📝 CSS Text — Typography Workshop 🖋️📄 ka sabse sahi definition kya hai?

Quick Quiz

Quiz — Question 2

📝 CSS Text — Typography Workshop 🖋️📄 ka '1' kya hai?

Complete! 🎉

📝 CSS Text — Typography Workshop 🖋️📄 Complete!

Aliens School · HIEN · Cinematic Knowledge

✅