সময় এসেছে আপনার ডিজাইনকে এখন css এর সাহায্যে অন্যরকম এক উচ্চতায় নিয়ে যাবার। CSS এর সাহায্যে আপনি আপনার HTML ডকুমেন্টকে দিতে পারেন অন্য এক চেহারা এবং যাকে নিয়ন্ত্রণ করতে পারবেন খুবই সহজে ও কার্যকরী ভাবে। CSS দিয়ে আপনি করতে পারবেন –
- আপনার পুরানো এইচটিএমএল এ নতুন রূপ যোগ
- css কোড যোগ করার ভেতর দিয়ে আপনি সম্পূর্ণ নতুন স্টাইল দিতে পারবেন এইচটিএমএল ডকুমেন্টটিতে
- আপনার “style” যোগ করতে পারবেন যেকোনো ওয়েব পেজে
স্টাইলসীট আপনার এইচটিএমএল ডকুমেন্ট থেকে সম্পূর্ণ পৃথক ভাবে ব্যবহার করতে পারবেন যা আপনার ডিজাইনকে নিয়ে যাবে অন্য এক উচ্চতায় এবং আপনি তা পরিবর্তন করতে পারবেন যখনি প্রয়োজন দেখা দিবে।
CSS শিখতে আগ্রহীদের জন্য
CSS শুরু করার পূর্বে আপনি দেখে নিন যে নিচের বিষয় গুলো আপনার নিয়ন্ত্রণে আছে কি না ?
- আপনি আগেই এইচটিএমএল সম্পর্কে জেনে নিয়েছেন।
- আপনি এইচটিএমএল এর বেসিক ট্যাগ সম্পর্কে জানেন।
- আপনি আরো ভালো মানের ডিজাইনার হতে আগ্রহী।
যদি সব ঠিক থাকে তাহলে আপনি এখন css শিখতে পারেন। এখন আপনি জানবেন কোথায় এবং কিভাবে তা ব্যবহার করতে হয়।
CSS সিলেক্টর
সিলেক্টর হলো css এর প্রাণ। সিলেক্টর দিয়েই আপনি আপনার এইচটিএমএল ডকুমেন্ট এর যেকোনো উপাদানকে পরিবর্তন করবেন। আশা করি টিউটোরিয়াল শেষ হলে আপনি এই সম্পর্কে ভালো ধারণা পেয়ে যাবেন। কারণ এটি খুবই সাধারণ এক ব্যাপার যা আপনি বুঝে নিবেন খুবই সহজে।
CSS সিলেক্টর : যেভাবে ব্যবহার করবেন
CSS সিলেক্টর ব্যবহার করতে আপনি এই জিনিসটি করে থাকবেন সিলেক্টর { প্রপার্টি : ভ্যালু }। প্রপার্টি হল CSS এর সেই উপাদান যাদিয়ে আপনি পরিবর্তন করবেন আর ভ্যালু হলো আপনি কি করতে চাচ্ছেন।
যেমন ধরুন আপনি আপনার h2 ট্যাগ এর ফন্ট সাইজ ছোট করতে চাচ্ছেন। তাহলে হবে h2 {font-size : 12px }
এখানে, সিলেক্টর = h2
প্রপার্টি = font-size
ভ্যালু = 12px
নিশ্চয় ধরতে পেরেছেন?
আজ এই পর্যন্তই। আগামী টিউটোরিয়াল থাকবে আশা করি ইন্টারনাল ও এক্সটার্নাল লিংক নিয়ে। আশা করি আপনাদের কাজে লাগবে টিউটোরিয়ালটি। কিছু জানার থাকলে কমেন্ট করে জানাবেন। সমাধানের চেষ্টা করব। বেশি বেশি অনুশীলন করবেন। ভালো থাকুন।
Sign up here with your email
ConversionConversion EmoticonEmoticon