About 2 months ago 54 Views

Verified User
*
ahmednazir
আমার সাইটে ভিজিট করার জন্য ধন্যবাদ। দয়া করে পোস্ট গুলো ভালো লাইক শেয়ার করতে ভুলবেন না।
Home » C programming » এক্সটারনাল সিএসএস টিউটোরিয়াল।

ইন্টারনাল বা ইনলাইন সিএসএস খুব প্রয়োজন ছাড়া লেখা হয়না, লেখা উচিৎ ও নয়। কারন এতে এইচটিএমএল ফাইল দেখতে নোংড়া লাগে এবং অনেক বড় হয়ে যায়। তাই সব সিএসএস রুলকে একসাথে করে একটা ফাইলে রেখে সেটা .css এক্সটেনশন নাম দিয়ে (যেমন style.css) সেভ করে HTML ফাইলে সংযুক্ত করে দিলেই হয়ে যায়। এটার নামই হচ্ছে এক্সটার্নাল সিএসএস। এইচটিএমএল এ link নামে একটা ট্যাগ আছে এটা দিয়েই সংযোগ দেয়া যায়। একটা উদাহরন

<!DOCTYPE html>
 <html>
<head>
<link href="/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
 
 <h1>Webcoachbd demo heading</h1>
 
 <p>demo content goes here.</p>
 
 </body>
 </html>

এখানে দেখুন ইন্টারনাল সিএসএস এর জায়গায় link ট্যাগ দিয়ে কিভাবে style.css ফাইলটি যোগ করেছি। href হচ্ছে এট্রিবিউট, এখানে ফাইলটির উৎস বা কোথায় আছে সেটা দেখিয়ে দিতে হয়। rel এট্রিবিউটট দিয়ে এইচটিএমএল ডকুমেন্ট টি এবং সিএসএস ফাইল এর মধ্যে সম্পর্ক টা কি (stylesheet) সেটা ব্রাউজারকে বুঝানো হয়, এটা দিতে হবে। আর type এট্রিবিউট এর মান text/css দিয়ে বুঝানো হচ্ছে এটা একটা CSS ফাইল।

এবার এই ফাইলটি index.html নামে সেভ করুন। style.css এর কোড

h1{
   color: #f00;
   background: yellow;
   text-align: center;
}

উপরের কোডটুকু লিখে ফাইলটি style.css নামে সেভ করুন এরপর index.html রান করিয়ে দেখুন সব সিএসএস গুলি সেখানে প্রভাব ফেলেছে।

প্রফেশনালি সবাই এক্সটার্নাল সিএসএস ই ব্যবহার করে কেননা একটা এইচটিএমএল ফাইলের জন্য হাজার হাজার লাইন পর্যন্ত সিএসএস রুল লিখতে হয়। ফলে এইচটিএমএল এবং সিএসএস ফাইল আলাদা করাটা জরুরি হয়ে পরে এবং পরবর্তীতে কোড মেইনটিনেন্স এর কাজ অত্যন্ত সহজ হয়ে যায়।

** আমরা বেশিরভাগ সিএসএস টিউটোরিয়ালে ইন্টারনাল সিএসএস ব্যবহার করে উদাহরন দেব কারন এতে আমাদের দেখাতে সুবিধা হবে। তবে আপনারা প্রফেশনালি কিংবা বাস্তবে এক্সটার্নাল সিএসএস ব্যবহার করে কাজ করবেন।

আজ এতটুকুই সিএসএস সম্পর্কে আরো ট্রিক্স পেতে টাইপ্সরেইন এর সাথে থাকুন। ধন্যবাদ

Leave a Reply

Related Posts

HTML কী এবং এইচটিএমএল এর ব্যবহার।

Posted By: - 2 months ago - No Comments

এইচটিএমএল (HTML) এর অর্থ হচ্ছে Hyper Text Markup Language. এটা কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়, মার্কআপ ল্যাংগুয়েজ। ওয়েব ডেভেলপার হতে হলে...
ইন্টারনাল সিএসএস টিউটোরিয়াল।

Posted By: - 2 months ago - No Comments

সিএসএস নিয়ে মৌলিক আলোচনা হয়েছে এবার শিখতে হবে কোথায় এবং কিভাবে সিএসএস লিখব। তিন ভাবে সিএসএস রুল লেখা যায়। ১....
ইনলাইন সিএসএস টিউটোরিয়াল।

Posted By: - 2 months ago - No Comments

এইচটিএমএল এলিমেন্টে style এট্রিবিউট দিয়ে সিএসএস রুল লেখা যায় এটাই ইনলাইন সিএসএস। এর আগে এইচটিএমএল টিউটোরিয়ালে বেশ কয়েক জায়গায় ইনলাইন...
সিএসএস কি টিউটোরিয়াল।

Posted By: - 2 months ago - No Comments

CSS - Cascading Style Sheets এইচটিএমল ডকুমেন্টের যেকোন এলিমেন্টকে স্টাইলিং বা একটা রুপ দিতে সিএসএস ব্যবহার হয়। যেমন একটা প্যারাগ্রাফঃ...