Web Development tutorial in bangla part-14 :)-
সিএসএস টিউটোরিয়াল- ইনলাইন, অভ্যন্তরীণ এবং বাহ্যিক সিএসএস
সবাইকে স্বাগতম! শেষ টিউটোরিয়ালের মতো আমরা দেখেছি সিএসএস লেখার তিনটি পদ্ধতি রয়েছে- ইনলাইন, অভ্যন্তরীণ এবং বাহ্যিক। এখানে, আমরা এই তিনটি পদ্ধতি নিয়ে আলোচনা করব এবং সিএসএসের কিছু বাস্তব বাস্তবায়ন করব। এই টিউটোরিয়ালটি শুরু করার জন্য, প্রথমে আমরা tut13.html হিসাবে একটি নতুন ফাইল তৈরি করব এবং বয়লারপ্লেট যুক্ত করব। আমাদের সুবিধার জন্য, আমরা <শিরোনাম> ট্যাগে সিএসএস টিউটোরিয়াল হিসাবে শিরোনাম দেব।
ইনলাইন সিএসএস আপনাকে একবারে একটি এইচটিএমএল উপাদানটিতে একটি অনন্য স্টাইল প্রয়োগ করতে দেয়। এর মধ্যে নির্ধারিত যে কোনও সিএসএস বৈশিষ্ট্যগুলির সাথে শৈলীর বৈশিষ্ট্যটি ব্যবহার করে আপনি একটি নির্দিষ্ট এইচটিএমএল উপাদানকে ইনলাইন সিএসএস নির্ধারণ করতে পারেন। আসুন এটি একটি উদাহরণ দিয়ে বোঝার চেষ্টা করি।
<body>
<h1> এটি সিএসএস টিউটোরিয়াল </ h1>
<পি স্টাইল = "রঙ: লাল;"> এই টিউটোরিয়ালটি আপনাকে সিএসএস সম্পর্কে যা জানা দরকার তা শেখাবে </ p>
</body>
উপরের কোডটি লিখে, আমরা পরিবর্তনগুলি দেখতে পাব-
আপনি অবশ্যই ভেবে থাকবেন যে এটি ওয়েবসাইটটিতে সিএসএস যুক্ত করার সেরা উপায় তবে আমি আপনাকে জানাব যে এটি আপনার এইচটিএমএল স্টাইল করার সর্বোত্তম পদ্ধতি নয়। আপনি যদি খুব বেশি ইনলাইন সিএসএস যোগ করেন তবে আপনার এইচটিএমএল আপনার জন্য বুঝতে খুব অগোছালো হয়ে উঠবে।
অভ্যন্তরীণ সিএসএস একটি একক এইচটিএমএল পৃষ্ঠার জন্য স্টাইল ট্যাগ সংজ্ঞায়িত করতে ব্যবহৃত হয়। এটি <স্টাইল> উপাদানের মধ্যে <হেড> বিভাগে সংজ্ঞায়িত করা হয়েছে। আসুন উদাহরণের সাহায্যে বাহ্যিক সিএসএস বুঝতে পারি।
<মাথা>
<স্টাইল>
পি
রঙ: বেগুনি;
}
<স্টাইল>
<মাথা>
উপরের কোডটি লিখে আমরা আউটপুটটি এইভাবে পাব -
এখানে একটি লক্ষণীয় গুরুত্বপূর্ণ বিষয় হ'ল ইনলাইন সিএসএসকে অভ্যন্তরীণ সিএসএসের চেয়ে বেশি অগ্রাধিকার দেওয়া হয়।
আপনি একাধিক পৃষ্ঠায় পরিবর্তন করতে চাইলে বাহ্যিক সিএসএস বেশিরভাগ ক্ষেত্রে ব্যবহৃত হয়। এটি একটি আদর্শ শর্ত কারণ এটি আপনাকে কেবল একটি ফাইল পরিবর্তন করে পুরো ওয়েবসাইটের চেহারা পরিবর্তন করতে সহায়তা করে। আমরা <লিঙ্ক> ট্যাগ ব্যবহার করে <শিরোনাম> বিভাগে স্টাইলশিট যুক্ত করব।
<মাথা>
<লিঙ্ক rel = "স্টাইলশিট" href = "tut13.css">
<মাথা>
তারপরে tut13.css ফাইলে আমরা আমাদের CSS- লিখতে পারি
পি
রঙ: সবুজ;
}
এই কোডটি লিখে এবং এটি এইচটিএমএল ফাইলের সাথে সংযুক্ত করে আপনি পরিবর্তনটি লক্ষ্য করেন-
এখানে মনে রাখার বিষয়টি হ'ল এটি অভ্যন্তরীণ সিএসএস বা বহিরাগত সিএসএস, যাহার পরে লেখা হয়, অগ্রাধিকার পায়। তবে আপনি যদি চান যে প্রথমে একজনের অগ্রাধিকার পাওয়া উচিত, তাই আপনি এটির পরে গুরুত্বপূর্ণটি যুক্ত করতে পারেন। ফলাফলটি হবে, এটি সর্বাধিক অগ্রাধিকার পাবে।
সুতরাং আমি আশা করি আপনি আমাদের ওয়েবসাইট স্টাইল করতে ব্যবহৃত তিন ধরণের সিএসএস অবশ্যই বুঝতে পেরেছেন। পরবর্তী টিউটোরিয়ালগুলি থেকে, আমরা CSS সম্পর্কে আরও কিছু আকর্ষণীয় বৈশিষ্ট্য দেখতে পাব। ততক্ষণ টিউটোরিয়ালগুলির সাথে থাকুন এবং এখন পর্যন্ত যা কিছু শেখানো হয় তা অনুশীলন করুন।
কোন মন্তব্য নেই
If you have any doubts, please let me know.