সিএসএস কি? সিএসএস একটি ভাষা যা দিয়ে আমরা ওয়েব পেজ এর স্টাইল করতে পারি। সিএসএস সম্পর্কে আপনারা কিছুটা ধারনা HTML Tutorial এ ই পেয়ে গেছেন ।এখানে আমরা বিস্তারিত আকারে জানবো ।
সিএসএস কি?
- CSS এর পুর্ণ রুপ হচ্ছে Cascading Style Sheets
- সিএসএস ডিফাইন করে এইচটিএমএল এলিমেন্ট গুলো বিভিন্য মিডিয়া যেমন স্ক্রিন কিংবা কাজগে কেমন ভাবে প্রদর্শিত হবে ।
- সিএসএস এক সাথে অনেক গুলো পেজের ডিজাইন একই সাথে করেত পারে এবং কাজ কে অনেক সহজ করে ফেলে ।
সিএসএস ড্যামো – একই এইচটিএমএল পেজের বিভিন্ন স্টাইল
আমরা Style 1, Style 2, Style 3 এবং No Style নামে চারটি আলাদা স্টাইল দিয়েছি নিচেম ডেমো টাতে । বাটন গুলোতে ক্লিক করে দেখুন, স্টাইল গুলো বদল হবে ।
Welcome to Kivabe Codes
Use the menu to switch styles
Sample Page Title
In this simple web template inside this web page, we have used CSS to style the web page. Using the Style list, you can switch page styles. Just Click and see what CSS can do for you on your web pages 😉
Subtitle of CSS
It’s fun to learn CSS as you can play with colors and style your web page almost as you want to see it. Nowadays, CSS has a lot of features that will allow you to implement your dream design in your web pages.
কেনো সিএসএস ব্যবহার করবো?
সিএসএস আপনার ওয়েব পৃষ্ঠাগুলির জন্য বিভিন্ন ডিভাইস এবং স্ক্রিন মাপের জন্য ডিজাইনের নকশা, লেআউট এবং প্রদর্শনের প্রকরণ সহ স্টাইলগুলি নির্ধারণ করতে ব্যবহৃত হয়।
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}বড় সমস্যার সমাধান
এইচটিএমএল ওয়েব পৃষ্ঠার ফর্ম্যাট করার জন্য এইচটিএমএল ট্যাগগুলির উদ্দেশ্য কখনও ছিল না!
এইচটিএমএল একটি ওয়েব পৃষ্ঠার বিষয়বস্তু বর্ণনা করতে তৈরি করা হয়েছিল, যেমন:
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
যখন HTML 3.2 তে কিছু ট্যাগ যেমন <font> ও color অ্যাট্রিবিউট যোগ হলো, তখন ওয়েব ডেভেরপাররা যেন চাঁদ হাতে পেলেন এমন একটা অবস্থা । কিন্তু যখন বড় বড় ওয়েব পেজ ডেভেলপমেন্ট শুরু হলো, তখন দেখা গেলো প্রতিটি ওয়েব পেজ তৈরি করতে অনেক খাটুনি হতে লাগলো ও খরচ ও বেড়ে গেলো ।
এবার এই সমস্যার সমাধান করতে World Wide Web Consortium (W3C) তৈরি করলো CSS
সিএসএস আসার পর আর এইচটিএমএল ট্যাগ বা অ্যাট্রিবিউট এর মাধ্যমে স্টাইল করা হয়না ওয়েব পেজ । ব্যবহার করা হয় সিএসএস ।
আপনি যদি এইচটিএমএল এ না জেনে থাকেন, তাহলে এইচটিএমএল টিউটোরিয়াল টি আগে শুরু করুন কারন এইচটিএমএল ট্যাগ গুলোকে সিএসএস স্টাইল করে ।
আমাদের এইচটিএমএল ভিডিও টিউটোরিয়াল গুলো দেখে তাড়াতারি এইচটিএমএল শিখে নিতে পারেন ।
কিভাবে সিএসএস শিখবো?
সিএসএস খুব কঠিন কিছু না তবে মজার । খুব সহজেই শেখা যাবে তবে একবারে না । আপনারা এইচটিএমএল শিখে থাকলে কিছুটা ধারনা পেয়েছেন এইচটিএমএল সিএসএস এ ।
আমাদের ধারাবাহিক সিএসএস টিউটোরিয়াল গুলো দেখতে থাকুন, আশা করি খুব সহজেই শিখে যাবেন ।