Web Development tutorial in bangla part-13 :)-

 সিএসএস টিউটোরিয়াল- সিএসএসের ভূমিকা

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

আসুন প্রথমে বুঝতে পারি, সিএসএস কি?

সিএসএস কাঁচা এইচটিএমএলকে স্টাইল দেয়

এটি ক্যাসকেডিং স্টাইল শীটগুলি বোঝায়

সিএসএস আমাদের ওয়েব পৃষ্ঠাগুলিতে স্টাইল দিতে ব্যবহৃত হয়

ওয়েবসাইটগুলি প্রতিক্রিয়াশীল করতে সিএসএস ব্যবহার করা হয়

সিএসএস আপনার ওয়েবসাইটে নকশার দায়িত্ব নেয় takes

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

আমরা নিজেই এইচটিএমএল অংশে শৈলী যুক্ত করতে পারি, তবে আমি বরং একটি নতুন সিএসএস ফাইল তৈরি করার পরামর্শ দেব এবং তারপরে এটি HTML অংশে সংযুক্ত করব। এটি এমন কারণ কারণ একটি পেশাদার অনুশীলন যখন বিভিন্ন ডেভলপাররা একটি ওয়েবসাইটের কঙ্কালটিকে একটি ফাইলে এবং অন্য ফাইলে স্টাইল রাখার জন্য একটি একক ওয়েবসাইটে কাজ করে।

সিএসএসের ভূমিকা

সিএসএস একটি স্টাইল শীট ভাষা যা এইচটিএমএলযুক্ত ওয়েব পৃষ্ঠার উপস্থাপনা পরিচালনা করতে ব্যবহৃত হয়।

এটি আমাদের ওয়েবসাইটগুলিকে সুন্দর এবং আধুনিক দেখায়।

সিএসএস সিনট্যাক্স

সিএসএসের বাক্য গঠনটি হ'ল-

পি {রঙ: নীল; }

পি সিলেক্টরের পক্ষে দাঁড়ায় এবং এটি সিএসএসের কোন অংশটি সিএসএস প্রয়োগ করা হবে তা স্থির করে। এটিতে যেখানে সিএসএস সম্পত্তি প্রয়োগ করতে হবে states

আপনি কোন সম্পত্তি পরিবর্তন করতে বা যুক্ত করতে চান তা বর্ণনা করতে সম্পত্তি ব্যবহার করা হয়। আপনার রঙ, সীমানা, পটভূমি, প্রস্থ পরিবর্তন করতে হবে বা না, এগুলি সমস্ত সম্পত্তির আওতায় আসে।

শেষ বিভাগটি মান নির্ধারণের জন্য। সমস্ত বৈশিষ্ট্য আমাদের সরবরাহ করা মান অনুযায়ী পরিবর্তন করা হবে।

আমরা একসাথে একাধিক সম্পত্তিও লক্ষ্য করতে পারি। বাক্য গঠনটি নিম্নরূপ-

শিরোনাম, p.intro {পটভূমি রঙ: লাল;

                              সীমানা ব্যাসার্ধ: 3px,

                         }

উপরের উদাহরণে, আমরা পটভূমির রঙটি লাল এবং সীমানা-ব্যাসার্ধকে 3 পিক্সেলে পরিবর্তন করতে একটি শ্রেণীর পরিচিতি সহ শিরোনাম ট্যাগ এবং অনুচ্ছেদে ট্যাগ পরিবর্তন করেছি।

CSS যুক্ত করার জন্য তিনটি উপায় রয়েছে-

ইনলাইন সিএসএস-সিএসএস সরাসরি শৈলীর বৈশিষ্ট্যগুলি ব্যবহার করে উপাদানগুলিতে যুক্ত করা হয়।

অভ্যন্তরীণ সিএসএস-সিএসএস <স্টাইল> ট্যাগগুলিতে হেড ট্যাগগুলির ভিতরে রাখা হয়

বাহ্যিক সিএসএস-সিএসএসকে একটি .CSS স্টাইল শীটের অভ্যন্তরে আলাদাভাবে রাখা হয়। এটি দুটি পদক্ষেপ জড়িত-

প্রথমে CSS in.CSS ফাইলটি লিখুন।

মার্কআপে সেই সিএসএস ফাইলটি অন্তর্ভুক্ত করুন।

পরবর্তী টিউটোরিয়াল থেকে, আমরা ভিজ্যুয়াল স্টুডিও কোডে সিএসএস প্রয়োগের ব্যবহারিক প্রয়োগ শুরু করব।