সিএসএস(CSS) পরিচিতি এবং সিএসএস কি?

আজকে আমাদের পোস্টের বিষয় হল সিএসএস(CSS) । সিএসএস এইচটিএমএলের একটি সহযোগি ল্যাংগুয়েজ যা এইচটিএমএলের সাথে ব্যবহার করা হয় একটি ওয়েবসাইটকে স্টাইল করা এবং আরো ডায়নামিক করা লক্ষ্যে। সিএসএসের মাধ্যেম খুব সহজেই একটি ওয়েবসাইটের কিছু অংশ অথবা পুরো অংশকে ইচ্ছামত পরিবর্তন এবং পরিবর্ধন করা সম্ভব। একটি সহজ উদাহরণের মাধ্যমে যদি বোঝানোর চেষ্টা করি তাহলে বিষয়টি সবার কাছে অনেকটাই ক্লিয়ার হয়ে যাবে। আমরা যদি একটি ওয়েবসাইটকে একটি বিল্ডিংয়ের সাথে তুলনা করি তখন এইচটিএমএল (HTML) হবে ওই বিল্ডিংয়ের মূল উপাদান অর্থ্যাত কংক্রিট,বালি,সিমেন্ট এবং সিএসএস হবে বিল্ডিংটির রঙ,ফার্ণিচার,স্টাইল ইত্যাদি যা বিল্ডিংটিকে সুন্দর করে। একইভাবে সিএসএসও একটি ওয়েবসাইটকে সুন্দর করার কাজে ব্যবহার করা হয়। একটি ওয়েবসাইটের গঠন কেমন হবে,ওয়েবসাইটটির মূল অংশে কি থাকবে এবং সেই মূল অংশের উপাদান গুলো কিভাবে সন্নিবেশিত থাকবে তা সিএসএস নির্ধারণ করে থাকে। এছাড়া ওয়েবসাইটের বর্ডার,হেডিং,স্টাইল,নেভিগেশন মেনু(নেভিগেশন মেনু নিয়ে এর পরে আলোচনা করা হবে।) কেমন হবে এবং ওই ওয়েবসাইটটি যাতে সব ধরনেডিভাইসে কাজ করে এজন্য স্টাইল করার কাজটিও সিএসএস দিয়ে সহজে করা সম্ভব। সিএসএস কোড লেখা হয় HTML কোডের সাথে সম্পর্ক তৈরি করে। সিএসএস ব্যবহার করার জন্য যে ট্যাগটি ব্যবহার করা হয় তা হল <style></style> ট্যাগ। এই ট্যাগের ভিতরে সিএসএস কোডগুলো লিখতে হয়। শুধুমাত্র সিএসএস কোডকে HTML এর ভিতরেই লিখতে হবে এমন কোন বাধ্যবাধকতা নেই। সিএসএস কোডকে নতুন একটি ফাইল তৈরি করে সেখানেও লিখলেও হয়। সিএসএস লেখার ব্যাপারে যে নিয়ম গুলো রয়েছে তা নিয়ে আমরা পরবর্তী টিউটোরিয়ালে লিখব।

একটি মূল বিষয় হল সিএসএসে স্ট্যাট ট্যাগ বা এন্ড ট্যাগ বলতে কিছু নেই। এগুলো শুধুই কিছু ওয়ার্ড যা সাধারণত সেকেন্ড ব্যাকেটের মাঝে লিখতে হয়। নিচে সিএসএসের পরিচিতি স্বরুপ কিছু সিএসএস কোড দেওয়া হল।

body{background: #ff0000;
padding: 2px 0px 5px 3px;
color: pink
}

Advertisements

আপনার মতামত জানান

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s