সিএসএস নিয়ে লেখা গুলো এবং অন্যান্য

সুন্দর একটি ওয়েব সাইট তৈরি করতে দুটি জ্ঞান সবার আগে লাগে, এইচটিএমএল এবং সিএসএস। এইচটিএমএল নিয়ে আমি অনেক গুলো লেখা লিখেছি সে গুলো এখান থেকে পড়া যাবে। এইচটিএমএল নিয়ে লেখা গুলো এবং অন্যান্য। সিএসএস নিয়ে লেখা গুলোর লিস্ট এখানে দিয়ে দিলাম। ভবিশ্যতে লিখলে সে গুলোও এখানে যুক্ত করে দিব।   সিএসএস টিউটোরিয়াল – সূচনা সিএসএস টিউটোরিয়াল […]

Read More

এইচটিএমএল নিয়ে লেখা গুলো এবং অন্যান্য

এইচটিএমএল কেন তাই তো? ওয়েব সাইট তৈরি করতে এইচটিএমএল ব্যবহার করা হয়।এইচটিএমএল জানা থাকলে নিজের ওয়েব সাইট, পরিচিত কারো জন্য সহজেই একটা ওয়েব সাইট তৈরি করা যায়।  যদিও এইচটিএমএল এর সাথে আরো কিছু যেমন সিএসএস, জাভাস্ক্রিপ্ট ইত্যাদি জানতে হয় আধুনিক ওয়েব সাইট তৈরি করতে। তবে সে গুলো শেখার আগে দরকার এইচটিএমএল এর জ্ঞান। তাই কেউ […]

Read More

সিএসএস – মেনু বার তৈরি করা

মেনুবার বা ন্যাভিগেশন বার আর কিছুই না, কত গুলো এইচটিএমএল লিঙ্ক এর সমষ্টি। তাই না? তাই আমরা প্রথমে কয়েকটা লিঙ্ক কে কিভাবে ন্যাভিগেশন মেনু তৈরি করতে পারি, তাই দেখব আস্তে আস্তে। শুরু করি নিচের কোড গুলো দিয়ে। যেখানে শুধু কয়েকটা লিঙ্ক রয়েছেঃ     ডামি/টেস্ট লিঙ্ক দেওয়ার জন্য সাধারনত # ব্যবহার করা হয়। উপরের কোড […]

Read More

সিএসএস Pseudo-classes

pseudo-classes দিয়ে সুন্দর কিছু কিছু ইলিম্যান্টে আলাদা স্টাইল বা ইফেক্ট দেওয়া যায়। যেমন আমরা সকল লিস্টকে একটা স্টাইল দিলাম। কিন্তু প্রথম ইলিম্যান্টকে আরেকটা রঙ দিলাম। বা লিঙ্ক গুলো যে গুলো ভিজিট করা হয় নি, সে গুলোকে এক কালার দিলাম। যে গুলো ভিজিট হয়েছে, সে গুলোকে এক কালার দিলাম। কোন লিঙ্ক এর উপর মাউস নিয়ে এক […]

Read More

সিএসএস – ব্লক ইলিম্যান্ট / div এর এলাইনম্যান্ট।

আমরা সাধারনত যে কোন টেক্সটকে ডানে, বামে, বা মাজখানে এলাইন করতে পারি সহজে। text-align প্রপার্টি এর সাহায্যে।  টেক্সট স্টাইলিং সম্পর্কে এ লিঙ্কে বিস্তারিত লেখা রয়েছে। আচ্ছা, যদি আমরা কোন ব্লক ইলিম্যান্টো বা ডিভিশনকে এলাইন করতে চাই, তখন কি করব? হ্যা, তাও সম্ভব। অনেক সহজেই।  margin প্রপার্টি ব্যবহার করে আমরা সহজেই করতে পারি। আচ্ছা, ব্লক ইলিম্যান্ট […]

Read More

সিএসএস [CSS] Float

Float দিয়ে একটি ইলিম্যান্টকে বামে বা ডানে বসানো হয়। ইলিম্যান্টটি যদি বামে বসানোর পর আরো জায়গা থাকে, বাকি জায়গা অন্য আরেকটি ইলিম্যান্ট বসে। অথবাঃ   Float ব্যবহার করলে তা আবার বন্ধ করতে হয়। যাকে বলা হয় Clear একটি ওয়েবসাইটে কিছু ডেটা থাকে ডানে, কিছু থাকে বামে। যেমন নিচের উদাহরনটা দেখিঃ আর এই ডানে বা বামে কন্টের […]

Read More

সিএসএস [css] Position

Position খুবি গুরুত্ত পূর্ণ প্রপার্টি। এ প্রপার্টি ব্যবহার করে একটি ইলিম্যান্ট কোথায় বসবে, তা ঠিক করে দেওয়া যায়। একটি ইলিম্যান্ট আরেকটি ইলিম্যান্ট এর উপর ওভারল্যাপিং করানো যায়। এবং কোনটা কোন ইলিম্যান্ট এর উপর হবে, তাও ঠিক করে দেওয়া যায়। একটি ইলিম্যান্ট top, bottom, left, and right ইত্যাদি কোথায় সেট করা হবে, তাই ঠিক করা হয় Position […]

Read More

সিএসএস [CSS] Display এবং Visibility

Visibility দিয়ে একটি ইলিম্যান্ট দেখাবে নাকি হাইড করে রাখবে, তা সেট করা যায়। অর্থাৎ এর দুটি প্রোপার্টি রয়েছেঃ visible অথবা hidden   দিলে h1 ট্যাগের ভেতরের সকল লেখা লুকানো থাকবে। এখানে h1 এর পরিবর্থে যে কোন সিলেক্টর ব্যবহার করা যেতে পারে। যেমন যে কোন Class, ID, p, img,h2 ইত্যাদি। Display  দিয়ে  একটা ইলিম্যান্ট লুকানো বা দেখানো […]

Read More

সিএসএস বর্ডার, মার্জিং, প্যাডিং, আউটলাইন [CSS Box, Margin, Padding, Outline]

সিএসএস বর্ডার, মার্জিং, প্যাডিং, আউটলাইন সব গুলো একই সাথে সম্পর্ক যুক্ত। প্রতিটা এইচটিএমএল ইলিম্যান্টকে একটি বক্স আকারে চিন্তা করা যায়। এবং প্রতিটি এইচটিএমএল ইলিম্যান্টে  বর্ডার, মার্জিং, প্যাডিং, আউটলাইন ইত্যাদি প্রয়োগ করা যায়। বর্ডার, মার্জিং, প্যাডিং, আউটলাইন ইত্যাদি কি তা সহজেই একটি ইমেজের মধ্যমে বুঝতে পারি একটা একটা করে বিস্তারিত লিখছি। প্রথমেই লিখি মার্জিন [Margin] নিয়ে: মার্জিং […]

Read More

সিএসএস লিস্ট এবং টেবিল স্টাইলিং [ CSS List & Table Styling ]

ওয়েব পেইজে আমাদের ভিবিন্ন লিস্ট তৈরি করতে হয়। আর লিস্টটা সুন্দর ভাবে দেখাতে দরকার সিএসএস।  নিচের উদাহরনটি দেখুনঃ এখনাএ দুটা লিস্ট আছে দুই ধরনের। যা করা হয়েছে সিএসএস এর সাহায্যে। এইচটিএমএল এ দুই ধরনের লিস্ট ব্যবহার করতে পারি আমরা। একটা হচ্ছে ordered lists আরেকটা unordered lists। ordered মানে হচ্ছে লিস্ট গুলো নাম্বার বা লেটার দিয়ে মার্ক করা হয়। […]

Read More