CSS কি

This is the first section of the CSS Getting Started tutorial and explains what CSS is. You create a simple document that you will work with on the following pages.

তথ্য: CSS কি

Cascading Style Sheets (CSS) হল একটি ভাষা যা দিয়ে কোন ডকুমেন্ট কিভাবে দেখানো হবে বা সোজা কথায় ডকুমেন্টের স্টাইল নিয়ন্ত্রণ করা সম্ভব।

একটি ডকুমেন্ট হল এক ধরণের তথ্যের সংগ্রহ যার স্ট্রাকচার (কাঠামো) একটি মার্কআপ ল্যাঙ্গুয়েজের সাহায্যে তৈরি করা হয়। (এই দাঁতভাঙ্গা সংজ্ঞা না বুঝতে পারলে ভয় পাবার কিছুই নেই, টিউটোরিয়াল পড়তে পড়তে আপনি তা বুঝে যাবেন!)

উদাহরণ
  • একটি ওয়েবপেজ (যেমনটি এখন আপনি পড়ছেন) এক প্রকার ডকুমেন্ট।
     আপনি ওয়েবপেজে যে তথ্য দেখতে পাচ্ছেন, সাধারণত তা HTML(HyperText Markup Language) দিয়ে বিন্যস্ত বা স্ট্রাকচার তৈরি করা হয়।
  • একটি এ্যাপ্লিকেশনের ডায়ালগ (ছোট উইন্ডো, যাকে অনেক সময় মোডাল উইন্ডো নামে ডাকা হয়) প্রায়ই ডকুমেন্ট হয়ে থাকে।
    এমন ডায়ালগ অবশ্য মার্কআপ ল্যাঙ্গুয়েজ দিয়েও লেখা হতে পারে, যেমন XUL এমন একটি ল্যাঙ্গুয়েজ। মোজিলার সফটওয়্যারগুলোতে এটি খুব সাধারণ ব্যাপার হলেও সাধারণত এমন ঘটনা বাইরে খুব কম দেখা যায়।

এই টিউটোরিয়ালে আপনি যতগুলো আরও তথ্য নামের বাক্স দেখবেন - সেগুলোতে কিছু অতিরিক্ত ও মোটামুটি কম গুরুত্বপূর্ণ তথ্য রয়েছে। আপনি যদি তাড়াহুড়োর মধ্যে এই টিউটোরিয়াল শেষ করতে চান, তাহলে আপনি বাক্সগুলো বাদ দিয়ে এগিয়ে যেতে পারেন, এবং পরবর্তীতে কোন এক সময় পড়তে পারেন। নতুবা আপনি এগুলো দেখামাত্র পড়ে ফেলুন এবং সম্ভব হলে লিংকগুলোতে ক্লিক করে বিস্তারিত জেনে নিন।

আরও তথ্য

একটি ফাইল ও একটি ডকুমেন্ট মোটেও এক জিনিস নয়। ডকুমেন্ট ফাইলে রাখা হতে পারে আবার নাও হতে পারে।

উদাহরণস্বরুপ বলা যায়, আপনি এই মুহূর্তে আপনি যে ডকুমেন্টটি পড়ছেন, তা কিন্তু একটি ফাইলে রাখা হয়নি। যখন আপনার ব্রাউজার এই পৃষ্ঠাটি পাওয়ার জন্য অনুরোধ পাঠায়, সার্ভারটি ডাটাবেজ ও কয়েকটি ফাইল থেকে তথ্য সংগ্রহ ডকুমেন্টটি তৈরি করে আপনার ব্রাউজারে ফেরত পাঠায়। অবশ্য এই টিউটোরিয়ালে আপনি ফাইলে রাখা ডকুমেন্ট নিয়েই কাজ করবেন।

ডকুমেন্ট ও মার্কআপ ল্যাঙ্গুয়েজ সংক্রান্ত তথ্যের জন্য ওয়েবসাইটটির অন্যান্য অংশ ঘুরে দেখতে পারেন - উদাহরণস্বরুপ:

HTML ওয়েব পেজের জন্য
XML যেকোন ধরণের "স্ট্রাকচার্ড" (বিশেষ বিন্যাস) ডকুমেন্টের জন্য
SVG গ্রাফিক্সের জন্য
XUL মোজিলায় ইউজার ইন্টারফেসের জন্য

এই টিউটোরিয়ালের দ্বিতীয় অংশে আপনি এই মার্কআপ ল্যাঙ্গুয়েজগুলোর উদাহরণ দেখতে পারবেন।

Presenting a document to a user means converting it into a form that humans can make use of. Browsers, like Firefox, Chrome or Internet Explorer, are designed to present documents visually — for example, on a computer screen, projector or printer.

More details

CSS is not just for browsers, and not just for visual presentation. In formal CSS terminology, the program that presents a document to a user is called a user agent (UA). A browser is just one kind of UA. However, in Part I of this tutorial you will only work with CSS in a browser.

For some formal definitions of terminology relating to CSS, see Definitions in the CSS Specification.

কাজ: একটি ডকুমেন্ট তৈরি করা

  1. আপনার কম্পিউটারের সাহায্যে একটি ফোল্ডার তৈরি করে তার মধ্যে একটি নতুন টেক্সট ফাইল তৈরি করুন। এই ফাইলেই আপনার ডকুমেন্ট থাকবে।
  2. নিচের প্রদর্শিত HTML কপি করে ফাইলে পেস্ট করুন। doc1.html নামে ফাইলটি সেভ করুন।
    <!DOCTYPE html>
    <html>
      <head>
      <meta charset="UTF-8">
      <title>Sample document</title>
      </head>
    
      <body>
        <p>
          <strong>C</strong>ascading
          <strong>S</strong>tyle
          <strong>S</strong>heets
        </p>
      </body>
    </html>
    
  3. আপনার ব্রাউজারে একটি নতুন ট্যাব বা উইন্ডো খুলে সেখানে ফাইলটি খুলুন।

    You should see the text with the initial letters bold, like this:

    Cascading Style Sheets

    What you see in your browser might not look exactly the same as this, because of settings in your browser and in this wiki. If there are some differences in the font, spacing and colors that you see, they are not important.

এর পরে কী?

আপনার ডকুমেন্ট এখন অবধি সিএসএস ব্যবহার করছে না। n the পরবর্তী অংশে  আপনি সিএসএস ব্যবহার করে এর স্টাইল নির্ধারণ করতে পারবেন।

ডকুমেন্ট ট্যাগ এবং অবদানকারী

 Contributors to this page: teoli, tuxboy
 সর্বশেষ হালনাগাদ করেছেন: teoli,