[CSS: Basics] Inline, Internal, External Styles & Cascading Order — Documentation #81

This sub-issue focuses on creating clear, beginner-friendly documentation for the Basics section of the CSS tutorial series.
The goal is to explain how CSS can be applied to HTML using different methods and how the cascading order influences the final output in the browser.

This issue corresponds to the following files:

basics
├── inline.mdx
├── internal.mdx
├── external.mdx
└── cascading-order.mdx

Each MDX file should include:

• Concept explanation
• Why it’s used
• Code examples (HTML + CSS)
• Best practices
• Common mistakes
• Visual explanation (optional diagrams)

Tasks

• Write documentation for inline CSS
• Write documentation for internal CSS
• Write documentation for external CSS
• Write documentation for cascading order
• Add examples demonstrating conflicts & browser decision flow
• Include simple diagrams or illustrated explanations (optional)
• Provide SEO-friendly descriptions where needed
• Ensure MDX formatting works inside the Docusaurus environment
• Add links to related sections (Selectors, Syntax, etc.)

💡 Suggested Structure for Each File

• Overview
• When to use
• Syntax
• Code example
• Pros / Cons
• Best practices
• Common mistakes
• Related topics link

Expected Outcome

A well-structured, polished set of MDX files representing the foundational CSS application methods, helping beginners understand how CSS connects to HTML and how the cascade works before moving into deeper topics.