CSS বাংলা টিউটোরিয়াল-1
সিএসএস বর্ণনা কিভাবে এইচটিএমএল এলিমেন্ট প্রদর্শন করা উচিত.
এই টিউটোরিয়ালটি আপনাকে মৌলিক থেকে উন্নত সিএসএস শেখানো হবে.
সিএসএস কি?
সিএসএস ক্যাসকেডিং স্টাইল শীট ঘোরা সিএসএস বর্ণনা কিভাবে এইচটিএমএল এলিমেন্ট অন্য মিডিয়াতে পর্দা, কাগজে প্রদর্শিত করা হয়, সিএসএস কাজ অনেকটা সংরক্ষণ, এটি একাধিক ওয়েব পেজের লেআউট সব একবারে নিয়ন্ত্রণ করতে পারে। বাহ্যিক বিভিন্ন স্টাইলশিট সিএসএস ফাইল সংরক্ষণ করা হয়।
এইচটিএমল ডকুমেন্টের যেকোন এলিমেন্টকে স্টাইলিং বা একটা রুপ দিতে সিএসএস ব্যবহার হয়। একটা প্যারাগ্রাফ (<p></p>) বা হেডিং (<h1></h1>) বা যেকোন এলিমেন্ট কে ধরুন রং করতে চান, ফন্ট বড় ছোট করতে হবে, অবস্থান এক দিক থেকে অন্যদিকে নিতে হবে, ব্যাকগ্রাউন্ড রং বদলাতে হবে এরুপ শত ধরনের স্টাইল পরিবর্তন সিএসএস দিয়ে করা হয়। বিশেষ করে লেআউট তৈরীর জন্য সিএসএস সবচেয়ে বেশি জরুরি।
বর্তমানে সিএসএস ৩ চলে এসেছে (এখনও কাজ চলছে)। এর আগের ভার্সন হল সিএসএস ২.১। তবে সিএসএস ৩ এখন অধিকাংশ ব্রাউজারে সাপোর্ট করে এবং CSS 3 ব্যবহার দিন দিন বেড়েই চলছে।
CSS - Cascading Style Sheets
এইচটিএমএল এলিমেন্টের বিপরীতে সিএসএস রুল লেখা হয়। ওয়েবকোচবিডিতে সিএসএস এর মৌলিক বিষয়াদি থেকে শুরু করে সিএসএস ৩ এরও প্রয়োজনীয়গুলি নিয়ে টিউটোরিয়াল দেয়া হবে।
**একটা এইচটিএমএল পেজে <head> ট্যাগের ভিতর <style> ট্যাগ দিয়ে সিএসএস কোড যোগ করে পেজ স্টাইলিং করা যায়।এটা হচ্ছে ইন্টারনাল সিএসএস আর যদি সিএসএস কোড বেশি হয়ে যায় তখন সিএসএস কোড আলাদা ফাইলে লেখা হয় এবং <head> ট্যাগের ভিতর <link> ট্যাগ দিয়ে সিএসএস ফাইলটি ঢুকিয়ে দেয়া হয়। এই পদ্ধতি হচ্ছে এক্সটার্নাল সিএসএস। ওয়েবকোচবিডি সাইটের অধিকাংশ টিউটোরিয়ালের উদাহরনগুলিতে ইন্টারনাল সিএসএস ব্যবহার করে দেখানো হয়েছে তবে বেশিরভাগ সময়ে এক্সটার্নাল সিএসএস লেখা ভাল।
No comments