|
এক্সটার্নাল সিএসএস (External
CSS)
|
|
লেখক
রাসেল
খান
|
সবচেয়ে ভাল হয় যদি আপনারা সিএসএস কে এইচটিএমএল হতে পৃথক রাখেন।এক্সটার্নাল
সিএসএস ফাইলটি শুধুমাত্র সিএসএস code ধারন করে
এবং এই ফাইলটিকে
".css" ফাইল extension দিয়ে সেভ করা হয়। সিএসএস ফাইল
টিকে <style> ট্যাগ এর পরিবর্তে <link>
ট্যাগ এর সাহায্যে লিংক করা হয় ।ফাইল তৈরী:প্রাথমিকভাবে আমরা নোটপ্যাড দিয়ে নিচের সিএসএস কোড টি লিখবো।1.body{
background-color: gray;}2.p { color: blue; }3.h3{ color: white; }এরপর নতুন এইচটিএমএল ফাইল তৈরী করে সিএসএস ফাইলটির সাথে লিংক করবো। 01.<html>02.<head>03.<link rel="stylesheet" type="text/css" href="/test.css" />04.</head>05.<body>06.<h3> A White
Header </h3>07.<p> This
paragraph has a blue font. 08.The background
color of this page is gray because09.we changed it with
CSS! </p>10.</body>11.</html>তারপর এইচটিএমএল ফাইল টিকে index.html হিসাবে একই ফোল্ডারে অর্থাৎ যেখানে সিএসএস ফাইল আছে সেখানে সেভ করবো। এবার আপনার এইচটিএমএল ফাইল টিকে ব্রাউজারে এ খুলুন করুন এবং পরিবর্তন লক্ষ্য করুন। প্রদর্শন:A White Header This paragraph has a blue font. The background color of this page is gray because we changed it with সিএসএস! কেন আমরা এক্সটার্নাল সিএসএস ব্যবহার করবো?আপনার ওয়েবসাইট ডিজাইন কে সংরক্ষন এবং content কে পৃথক রাখতে ব্যবহ্নত হয়।আলাদা ফাইল হিসাবে রাখলে খুব সহজেই সিএসএস কোড কে পুনরায় ব্যবহার করা যায়। বারবার একই সিএসএস কোড প্রত্যেক ওয়েব পেজ এ লেখার পরিবর্তে শুধুমাত্র "link" ট্যাগ এর সাহায্যে একটা সিএসএস ফাইল কে প্রত্যেক ওয়েব পেজ এ যুক্ত করা যায়। |
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন