এক্সটার্নাল সিএসএস (External CSS)

0
10
css
css

সবচেয়ে ভাল হয় যদি আপনারা সিএসএস কে  এইচটিএমএল হতে পৃথক রাখেন।এক্সটার্নাল সিএসএস ফাইলটি শুধুমাত্র সিএসএস code ধারন করে এবং এই ফাইলটিকে “.css” ফাইল extension দিয়ে সেভ করা হয়।  সিএসএস ফাইল টিকে <style> ট্যাগ এর পরিবর্তে <link> ট্যাগ এর সাহায্যে লিংক করা হয় ।

ফাইলতৈরী:

প্রাথমিকভাবে আমরা  নোটপ্যাড দিয়ে নিচের সিএসএস কোড টি লিখবো।

1.body{ background-color: gray;}
2.p { color: blue; }
3.h3{ color: white; }

তারপর সিএসএস ফাইলটিকে  (.css) ফাইল extension দিয়ে সেভ করবো। ফাইলটির নাম হবে test.css ।  তবে test ছাড়াও আমরা অন্য নাম দিতে পারি তবে ফাইল extension(.css)  টি ঠিক রাখতে হবে ।

এরপর নতুন  এইচটিএমএল ফাইল তৈরী করে সিএসএস ফাইলটির সাথে লিংক করবো।

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 because
09.we changed it with CSS! </p>
10.</body>
11.</html>

3 নম্বর লাইনে test.css এর আগে যে / চিহ্নটা আছে তা ভুল,এটা বাদ দিয়ে লিখুন্

তারপর এইচটিএমএল ফাইল টিকে 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” ট্যাগ এর সাহায্যে একটা সিএসএস ফাইল কে প্রত্যেক ওয়েব পেজ এ যুক্ত করা যায়।

ইনলাইন সিএসএস টিউটোরিয়াল(Inline CSS)

ইনলাইন সিএসএস হচ্ছে সিএসএস style কে  এইচটিএমএল কোড এর ভিতরে ব্যবহার করার নিয়ম।

এক্সটার্নাল বা ইন্টারনাল সিএসএস হতে ইনলাইন সিএসএস এর প্রাধান্য বেশি। এর অর্থ হচ্ছে একসটার্নাল বা ইন্টারনাল সিএসএস দ্বারা স্টাইল নির্দেশিত থাকলেও আপনি স্টাইল  override করতে পারেন। যাহোক, ইনলাইন সিএসএস যা সিএসএস এর সঠিক উদ্দেশ্য হতে বিচ্যুতি ঘটায় তাই এটা আংশিকভাবে ব্যবহার করা উচিত।

LEAVE A REPLY

Please enter your comment!
Please enter your name here