মূল বিষয়বস্তু
কম্পিউটার প্রোগ্রামিং
কোর্স: কম্পিউটার প্রোগ্রামিং > অধ্যায় 2
পাঠ 2: সিএসএস (CSS) পরিচিতি- প্রাথমিক সিএসএস
- নির্দেশনা: ট্যাগ নাম ব্যবহার করে নির্বাচন
- চ্যালেঞ্জ: বিচিত্র প্রাণী
- সিএসএস: আইডি (id) দিয়ে নির্বাচন
- চ্যালেঞ্জ: মৌসুমী আইডি (id)
- সিএসএস: ক্লাস (class) দিয়ে নির্বাচন
- চ্যালেঞ্জ: আপেল ও কলার ক্লাস (class)
- Using simple CSS selectors
- প্রকল্প: ভ্রমণের ওয়েবপেজ
© 2023 Khan Academyব্যবহারের শর্তাদিগোপনীয়তার নীতিমালাকুকি নোটিশ
নির্দেশনা: ট্যাগ নাম ব্যবহার করে নির্বাচন
আমরা শিখলাম যে, সিএসএস নিয়ম দিয়ে ওয়েবপেজের উপাদানগুলো নির্ধারণ করা যায় যাতে করে পরবর্তীতে সেগুলো সাজাতে পারি।
আমরা সাধারণত সিএসএস নিয়মকে নির্বাচক ব্যবহার করে এইচটিএমএল উপাদানগুলো নির্ধারণ করতে বলি। অনেক ধরনের নির্বাচক নিয়েই পরবর্তীতে আমরা জানব, কিন্তু এখানে টক-থ্রুতে আমরা যেগুলো দেখেছি সেগুলো নিয়েই আলোচনা করব: উপাদান নির্বাচক।
উপাদান নির্বাচক এইচটিএমএল এর উপাদানগুলো নির্বাচন করে তাদের ট্যাগ নামের ভিত্তিতে। প্রত্যেকটি এইচটিএমএল উপাদান—
<h1>
, <p>
, <li>
, <body>
এবং অন্য যেকোন এইচটিএমএল উপাদানই এই বন্ধনীগুলো (<
এবং >
) বাদ দিয়ে ব্যবহার করে সিএসএস এ নির্বাচন করা যাবে। উদাহরণস্বরূপ, তুমি তোমার ওয়েবপেজে সবগুলো <p>
ট্যাগ নিতে চাইলে উপাদান নির্বাচক p
ব্যবহার করতে পার। নিচের এই সিএসএস নিয়ম ব্যবহার করে তুমি একটি ওয়েবপেজের প্রত্যেকটি অনুচ্ছেদের রঙ পরিবর্তন করতে পারবে।p {
color: rgb(255, 0, 0);
}
চল দেখি আমরা এটা ঠিকভাবে করতে পেরেছি কিনা। নিচের কোন নিয়মটি ব্যবহার করলে আমরা একটি পেজের সবগুলো
<h2>
উপাদান পাব?পরবর্তী চ্যালেঞ্জে তুমি বিভিন্ন ট্যাগ নাম ব্যবহার করে উপাদান নির্বাচনের চেষ্টা করবে। এখন চেষ্টা কর, আর মনোযোগ দিয়ে দেখ পেজে সিএসএস নিয়মগুলো কীভাবে কাজ করে- কোন উপাদানটির রঙ পরিবর্তন হচ্ছে কোনটির হচ্ছে না।
আলোচনায় অংশ নিতে চাও?
- why i can't change image color using css ? like
img src {
color:rgb(10, 163, 33);
}(1 টি ভোট)