Web development course CSS Class 13
CSS ڇا آھي ۽ ان جا قسم Web development course CSS Class 13
CSS (Cascading Style Sheets) ھڪ زبان آھي، جيڪا ويب صفحن کي خوبصورت بڻائڻ لاءِ استعمال ڪئي ويندي آھي. ان سان رنگ، فونٽ، سائيز، تصويرون، ۽ ترتيب کي تبديل ڪري سگهجي ٿو. CSS جو ڪم HTML سان گڏجي ويب پيج کي بهتر ڊيزائن ڏيڻ آهي.
💡 مثال:
سوچو ته HTML هڪ گھر جو ڍانچو (Structure) آهي، ته CSS ان جي رنگ، فرنيچر، ۽ سجاوٽ کي ٺيڪ ڪرڻ وارو حصو آهي.
CSS جا قسم ۽ انهن جون وضاحتون
1️⃣ Inline CSS (ان لائن CSS) Web development course CSS Class 13
اها CSS سڌو HTML جي اندر style ايٽريبيوٽ (attribute) ذريعي استعمال ٿيندي آهي. صرف هڪ عنصر تي اثر وجهندي آهي.
🔹 مثال:
html
CopyEdit
<p style=”color: blue; font-size: 20px;”> هي نيرو رنگ جو پيراگراف آهي.</p>
🔹 وضاحت: مٿي ڏنل مثال ۾ پيراگراف جو رنگ نيرو ۽ لکڻ جو سائز 20px رکيو ويو آهي.
2️⃣ Internal CSS (انٽرنل CSS) Web development course CSS Class 13
انٽرنل CSS HTML جي head سيڪشن ۾ لکبي آهي ۽ سڄي پيج تي لاڳو ٿي سگهي ٿي.
🔹 مثال:
html
CopyEdit
<!DOCTYPE html>
<html lang=”sd”>
<head>
<meta charset=”UTF-8″>
<title>Internal CSS مثال</title>
<style>
p {
color: red;
font-size: 18px;
}
</style>
</head>
<body>
<p>هي ڳاڙهو رنگ جو پيراگراف آهي.</p>
</body>
</html>
🔹 وضاحت: مٿي ڏنل مثال ۾ سڀني <p> ٽيگن جو رنگ ڳاڙهو ۽ سائيز 18px هوندو.
3️⃣ External CSS (ايڪسٽرنل CSS) Web development course CSS Class 13
ايڪسٽرنل CSS هڪ الڳ فائل ۾ لکبي آهي ۽ HTML سان ڳنڍجي ٿي. ان کي گهڻن صفحن تي استعمال ڪري سگهجي ٿو.
🔹 مثال:
1️⃣ HTML فائل (index.html)
html
CopyEdit
<!DOCTYPE html>
<html lang=”sd”>
<head>
<meta charset=”UTF-8″>
<title>External CSS مثال</title>
<link rel=”stylesheet” href=”styles.css”>
</head>
<body>
<h1>هي هڪ هيڊنگ آهي.</h1>
<p>هي هڪ پيراگراف آهي.</p>
</body>
</html>
2️⃣ CSS فائل (styles.css)
css
CopyEdit
h1 {
color: green;
font-size: 24px;
}
p {
color: blue;
font-size: 18px;
}
🔹 وضاحت:
ڪهڙو CSS استعمال ڪجي؟
✅ Inline CSS – جيڪڏهن صرف هڪ عنصر تي تبديلي ڪرڻي هجي.
✅ Internal CSS – جيڪڏهن هڪ پيج جي اندر سڀني عنصرن تي ساڳيا انداز لاڳو ڪرڻا هجن.
✅ External CSS – جيڪڏهن گهڻن ويب صفحن لاءِ هڪ جهڙو ڊيزائن ٺاهڻو هجي.
🎯 نتيجو: بهتر ويب سائيٽ لاءِ External CSS بهترين آهي.