সি এস এস (CSS)

ওয়েভ ডেভেলপারদের খুবই প্রয়োজনীয় ৩টি প্রোগ্রামিং ল্যাঙ্গুয়েজের একটি হচ্ছে সি এস এস। এটি ওয়েভসাইট ডিজাইনকে অনেক সহজ করে দিয়েছে।

CSS এর পূর্ণরূপ হলো Cascading Style Sheets। Css কে তৈরি করা হয়েছে Html পেইজকে ডিজাইন করার জন্য। Css ফাইলকে Html পেইজের সাথে লিংক করে অথবা Html Style Tag এর সাথে ব্যবহার করা হয়। এছাড়াও Css কোডকে Html Tag এর Style এট্রিবিওটের সাথে ব্যবহার করা যায়। নিচে Css কোড ব্যবহার করে Html পেইজ তৈরি করে দেখানো হলো –

<!DOCTYPE html>
  <html>
    <head>
      <style>
        body {
          background-color: green;
        }

        h1 {
          color: white;
          text-align: center;
        }

        p {
          font-family: verdana;
          font-size: 20px;
        }
     </style>
  </head>
  <body>

    <h1>This is heading</h1>
    <p>This is a paragraph.</p>
    <p style="color:red;">This is paragraph 2.</p>

  </body>
</html>

উপরের কোড এ <style></style> ট্যাগের ভিতর যে কোডগুলো লেখা হয়েছে এগুলোই হলো Css কোড। Css এর এরূপ প্রয়োগকে Internal Css Applying বলে। এছাড়াও উপরের কোডের <p style=”color:red;”>This is paragraph 2.</p> এখানে Css কোডকে আরও একভাবে প্রয়োগ করা হয়েছে। Css এর এরুপ প্রয়োগকে Inline Css Applying বলে।

আপনি যদি Html পেইজ সম্পর্কে না জেনে থাকেন তাহলে Html পেইজ সম্পর্কে বিস্তারিত জানতে এখানে ক্লিক করুন।

মন্তব্য করুন

আপনার ই-মেইল এ্যাড্রেস প্রকাশিত হবে না। * চিহ্নিত বিষয়গুলো আবশ্যক।