🎨 CSS

📖 What is CSS?

CSS (Cascading Style Sheets) என்பது HTML Pages-க்கு Design, Color, Layout மற்றும் Styling கொடுக்க பயன்படும் Language ஆகும்.

🎯 Why CSS?

✔ Website Design

✔ Responsive Layout

✔ Colors & Fonts

✔ Animations

✔ Professional UI

🏗 CSS Syntax

selector {
color:red;
font-size:20px;
}

🎨 Colors

color:red;

background:black;

color:#00bfff;

🔤 Fonts

font-family:Arial;

font-size:20px;

font-weight:bold;

📦 Box Model

Content

Padding

Border

Margin

📐 Layout

display:flex;

display:grid;

position:relative;

📱 Responsive Design

@media(max-width:768px){

body{
font-size:14px;
}

}

✨ CSS Effects

box-shadow

border-radius

transition

transform

🌍 Real World Usage

✔ Business Websites

✔ E-Commerce Sites

✔ Blogs

✔ Dashboards

✔ Mobile Responsive Websites

🎤 Interview Questions

What is CSS?

What is Box Model?

Difference between Margin and Padding?

What is Flexbox?

What is Grid?

What is Responsive Design?

What is Media Query?

What is z-index?

📝 Summary

CSS என்பது Website-ஐ Professional மற்றும் Attractive ஆக மாற்றும் Styling Language ஆகும்.

🚀 Next Lesson