প্রাথমিকঃ
- সিএসএস কি? (What is CSS)
- ট্যাগ সিলেক্টর (Tag Selector)
- ক্লাস সিলেক্টর (Class Selector)
- আইডিসিলেক্টর (ID Selector)
- কোড লেখার পদ্ধতি (Syntax)
- ইমবেডেড স্টাইল শীট (Embeded Style Sheet)
- এক্সটার্নাল স্টাইল শীট ( External Style Sheet)
- ইন-লাইন স্টাইল শীট (Inline Style Sheet)
স্টাইলঃ
- ব্যাকগ্রাউন্ড (Background)
- টেক্সট কালার (Text Color)
- টেক্সট এলাইনমেন্ট (Text Alignment)
- টেক্সট ডেকরেশন (Text Decoration)
- টেক্সট ট্রান্সফরমেশন (Text Transformation)
- ফন্ট ফ্যামিলি (Font family)
- ফন্ট সাইজ(Font size)
- ফন্ট ভেরিয়েন্ট (Font variant)
- ফন্ট ওয়েট (font-weight)
- লিংক (Link)
- অর্ডার লিস্ট (Ordered List)
- আনঅর্ডার লিস্ট (Unrdered List)
- লিস্টে ইমেজের ব্যবহার
- টেবিল এবং টেবিল বর্ডার (Table & Table Border)
- টেবিল ওয়াইডথ এন্ড হাইট (Table Width and Height)
- টেবিল টেক্সট এলাইনমেন্ট (Table Text Alignment)
- টেবিল কালার (Table Color)
ব্ক্স ও লেআউটঃ
- বর্ডার এবং বর্ডার স্টাইল
- বর্ডার ওয়াইডথ (Border Width)
- বর্ডার কালার (Border Color)
- পৃথক বর্ডার ( Individual Border )
- মার্জিন (Margin)
- প্যাডিং (Padding)
- আউট লাইন এবং আউট লাইন স্টাইল
- আউট লাইন ওয়াইডথ (Outline Width)
- আউট লাইন কালার (Outline Color)
- বক্স মডেল (Box Model)
এডভান্সঃ
- গ্রুপিং সিলেক্টর (Grouping Selector)
- নেস্টিং সিলেক্টর (Nesting Selector)
- ডাইমেনশন (Dimention)
- প্রদর্শণ পদ্ধতি (Display)
- ডিসপ্লে ইন লাইন (display:inline)
- ডিসপ্লে ব্লক (display:block)
- ভিজিবিলিটি (visibility))
- ভিজিবিলিটি হিডেন(visibility:hidden)
- ভিজিবিলিটি কলাপস্(visibility:collapse)
- অবস্থান (Positioning)
- পজিশন স্ট্যাটিক (position:static)
- পজিশন ফিক্সড (position:fixed)
- পজিশন রিলেটিভ (position:relative)
- পজিশন এবসলিউট (position:absolute)
- ওভার ফ্লো (Overflow)
- ওভার ফ্লো ভিজিবল (overflow:visible)
- ওভার ফ্লো হিডেন (overflow:hidden)
- ওভার ফ্লো অটো (overflow:auto)
- ওভার ফ্লো স্ক্রল(overflow:scroll)
- ক্লিপ (Clip)
- অটো ক্লিপ এবং রেকটেংগুলার ক্লিপ
- জেড ইনডেক্স (Z-index)
- ফ্লোটিং (Floating)
- বাম দিকে ফ্লট(float:left)
- ডান দিকে ফ্লট(float:right)
- ফ্লটিং দ্বারা প্যারাগ্রাফে ইমেজের অবস্থান নির্দেশ
- এলাইন (Align)
- মার্জিন প্রোপার্টি দ্বারা সেন্টার এলাইন
- পজিশন প্রপার্টি দ্বারা লেফট বা রাইট এলাইন
- ফ্লট প্রোপার্টি দ্বারা লেফট বা রাইট এলাইন
- কার্সার ইফেক্ট (cursor effect)
- চাইল্ড সিলেক্টর (child selector )
- সিউডো ক্লাস (Psudo Class)
- এংকর সিউডো ক্লাস (Anchor Pseudo class)
- ফাস্ট চাইল্ড সিউডো ক্লাস (First child Pseudo-class)
- ল্যাঙ্গুয়েজ সিউডো ক্লাস (lang Pseudo-class)
- শিরোনামে সিউডো ক্লাসের ব্যবহার
- সাধারণ শিরোনামে সিউডো ক্লাসের ব্যবহার
- সিউডো ইলিমেন্ট (Psudo Element)
- প্রথম অক্ষর সিউডো ইলিমেন্ট-(First letter Pseudoelement)
- প্রথম লাইন সিউডো ইলিমেন্ট-(First first line Pseudoelement)
- বিফোর সিউডো ইলিমেন্ট (Before Pseudo element)
- আফটার সিউডো ইলিমেন্ট (After Pseudo element)
ছবি ও মিডিয়াঃ
- ইমেজ গ্যালারি (Image Gallery)
- ছবির অপাসিটি (Opasity)
- ইমেজ স্প্রাইটস্ (Image Sprites)
- ইমেজ স্প্রাইটস্ কেন করা হয়
- ইমেজ স্প্রাইটস্ করার কৌশল
- ইমেজ স্প্রাইটস্ করার দ্বিতীয় কৌশল
- মিডিয়া টাইপ (Media Type)
সম্পূর্ণ প্রজেক্টঃ
নেভিগেশন বার
- নেভিগেশন (Navigation)
- নেভিগেশন বারের সাধারণ গঠন
- নেভিগেশন বারের বাটনে লিংক যুক্ত করন
- নেভিগেশন বারের div উপাদানের ডিজাইন
- নেভিগেশন বারে ul,li উপাদানের ডিজাইন
- নেভিগেশন বারে a উপাদানের ডিজাইন
- নেভিগেশন বারের মাউস ইফেক্ট
- নেভিগেশন বারে ইমেজ রিপিটেশন
- ভার্টিক্যাল নেভিগেশন বার
- হরিজন্টাল নেভিগেশন বার
ইমেজ গ্যালারি
- ইমেজ গ্যালারি (Image Gallery)
- ইমেজ গ্যালারির বৈশিষ্ট্য সমূহ
- ইমেজ গ্যালারির ইমেজের গঠন
- সম্পূর্ণ ইমেজ গ্যালারির গঠন
- সম্পূর্ণ ইমেজ গ্যালারির এরিয়া,ব্যাকগ্রাউন্ড এবং বর্ডার নির্ধারণ
- ইমেজ গ্যালারিতে নির্দিষ্ট আকৃতির ইমেজ সংযোজন
- সাধারণ অবস্থায় ইমেজ গ্যালারিতে বড় আকৃতির ইমেজ লুকানো
- ইমেজ গ্যালারিতে ছোট ইমেজের বর্ডার এবং মার্জিন
- গ্যালারী স্ক্রিন (Gallery Screen)
- ইমেজ গ্যালারীর ছোট ইমেজের বর্ডার পরিবর্তন
- ইমেজ গ্যালারীতে বড় ইমেজ প্রদর্শন
- ইমেজ গ্যালারীতে বড় ইমেজের জন্য স্ট্যাইল তৈরি
- ইমেজ গ্যালারীতে বড় ইমেজের নিচে ইমেজ সম্পর্কিত লেখা প্রদর্শন
- ইমেজ গ্যালারী পূর্ণাঙ্গ প্রজেক্ট
- ওয়েব পেজে ইমেজ গ্যালারী যুক্ত করার প্রণালী
0 comments:
Post a Comment