🎨 CSS Basics for Beginners

🎨 What is CSS?

CSS stands for Cascading Style Sheets. It is used to make websites beautiful by adding colors, layouts, fonts and designs.

Basic CSS Example

h1 {
  color: purple;
  font-size: 40px;
}

Types of CSS

• Inline CSS - CSS written inside an HTML tag.
• Internal CSS - CSS written inside the <style> tag.
• External CSS - CSS written in a separate .css file.

Common CSS Properties

• color - Changes text color
• background-color - Adds background color
• font-size - Changes text size
• margin - Adds space outside elements
• padding - Adds space inside elements

Why Learn CSS?

CSS helps developers create attractive, responsive, and user-friendly websites.

🎯 CSS Selectors

CSS selectors are used to select HTML elements and apply styles.

• Element Selector - targets HTML tags
• Class Selector - uses .class name
• ID Selector - uses #id name

📦 CSS Box Model

Every HTML element is a box made of content, padding, border and margin.

📱 Responsive Design

Responsive design makes websites look good on mobile, tablet and desktop devices.

Conclusion

CSS is an important skill for every web developer. After learning HTML, CSS is the next step to create beautiful websites.