মৌলিক CSS বৈশিষ্ট্যের উপর অনুশীলন

নিম্নলিখিত HTML কোডটি আপনার পৃষ্ঠায় অনুলিপি করুন:

html<h1>ওয়েবসাইটের জন্য ভাষা</h1>

<h2>PHP এবং JavaScript</h2>
<p>
  প্রোগ্রামিং ভাষা <b>PHP</b> এবং <b>JavaScript</b> ওয়েবসাইটটিকে গতিশীল করতে সক্ষম করে,
  অর্থাৎ ব্যবহারকারীর ক্রিয়াকলাপের প্রতি প্রতিক্রিয়াশীল।
  উদাহরণস্বরূপ, আপনি একটি সুন্দর ড্রপ-ডাউন মেনু বা স্লাইডার তৈরি করতে পারেন।
</p>

<h2>স্ক্রিপ্টের প্রকারভেদ</h2>
<p>
  এটির জন্য স্ক্রিপ্ট লেখা হয় (ইংরেজি <i>script</i> - "স্ক্রিপ্ট") -
  প্রোগ্রাম যা ব্যবহারকারীর ক্রিয়াকলাপের প্রতি প্রতিক্রিয়া করতে দেয়।
  স্ক্রিপ্ট দুটি ধরনের হয়:
</p>
<ul>
  <li>
    যেগুলো সার্ভারে executed হয়,
    এবং তাদের executed হওয়ার ফলাফল ব্যবহারকারীর ব্রাউজারে ready অবস্থায় আসে।
    এগুলি হল সেই স্ক্রিপ্টগুলি,
    যা <b>PHP</b> ভাষায় লেখা। এটিতেই লেখা হয়
    <b>CMS</b> – কন্টেন্ট ম্যানেজমেন্ট সিস্টেম।
  </li>
  <li>
    যেগুলো সরাসরি ব্যবহারকারীর ব্রাউজারে executed হয়।
    এগুলি হল সেই স্ক্রিপ্টগুলি, যা <b>JavaScript</b> ভাষায় লেখা।
    এগুলি প্রায়শই পৃষ্ঠাটিকে আরও সুবিধাজনক এবং সুন্দর করতে ব্যবহৃত হয়।
  </li>
</ul>
Задание 1

এই কোডে CSS স্টাইল যোগ করুন, যাতে নিম্নলিখিতটি পাওয়া যায়: