Web development course CSS Class 13

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;

}

🔹 وضاحت:

  • سڀني <h1> ٽيگن جو رنگ سائو، سائيز 24px هوندو.
  • سڀني <p> ٽيگن جو رنگ نيرو، سائيز 18px هوندو.

Blue and White Modern Website Development Service Facebook Ad 4

ڪهڙو CSS استعمال ڪجي؟

✅ Inline CSS – جيڪڏهن صرف هڪ عنصر تي تبديلي ڪرڻي هجي.
✅ Internal CSS – جيڪڏهن هڪ پيج جي اندر سڀني عنصرن تي ساڳيا انداز لاڳو ڪرڻا هجن.
✅ External CSS – جيڪڏهن گهڻن ويب صفحن لاءِ هڪ جهڙو ڊيزائن ٺاهڻو هجي.

🎯 نتيجو: بهتر ويب سائيٽ لاءِ  External CSS بهترين آهي.

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *