CSS ভাষার সাথে কাজের বুনিয়াদ
আমরা ইতিমধ্যেই HTML ভাষার মূল ট্যাগগুলি নিয়ে আলোচনা করেছি এবং এখন সময় এসেছে সৌন্দর্য বাড়ানোর। টেক্সটের রং পরিবর্তন করার ক্ষমতা থাকলে ভালো হতো, এর আকার, ব্যাকগ্রাউন্ড এবং আরও অনেক কিছু। এটি CSS ভাষার মাধ্যমে করা হয়।
সাধারণত, CSS কমান্ড (স্টাইল) সংরক্ষণ করা হয় একটি আলাদা ফাইলে, যা একটি বিশেষ ট্যাগ দিয়ে আমাদের ওয়েবসাইটের সমস্ত HTML পৃষ্ঠায় সংযুক্ত করা হয়।
এই পদ্ধতির সুবিধা হল যে CSS ফাইলটি একটি, কিন্তু HTML ফাইল যেকোন সংখ্যক হতে পারে, এক হাজারও হতে পারে। যদি আমরা CSS ফাইলের এক জায়গায় পরিবর্তন করি, উদাহরণস্বরূপ, সমস্ত প্যারাগ্রাফ লাল রঙ করি, তাহলে এই পরিবর্তনগুলি সমস্ত হাজার HTML পৃষ্ঠায় প্রয়োগ হবে, যেগুলোতে আমাদের CSS ফাইল সংযুক্ত আছে। খুব সুবিধাজনক এবং দ্রুত।
স্টাইল ফাইলের এক্সটেনশন হতে হবে .css।
এমন একটি ফাইল HTML পৃষ্ঠায় সংযুক্ত করতে,
head ট্যাগে নিম্নলিখিত
কনস্ট্রাকশনটি লিখতে হবে:
<link rel="stylesheet" href="fileName.css">
নিম্নলিখিত উদাহরণে, আমাদের HTML ফাইলে সংযুক্ত করা হয়েছে
CSS ফাইল styles.css:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>This is the title</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>
This is a paragraph with text.
</p>
</body>
</html>
আপনার সমস্ত পৃষ্ঠার জন্য একটি styles.css ফাইল
তৈরি করুন এবং সংযুক্ত করুন।
