সিএসএস বলতে বুঝায় Cascading Style Sheets.
HTML কোড গুলো কিভাবে (ডিজাইনে) প্রকাশিত হবে তাই প্রকাশ করে
HTML এর সাথে CSS কোড যুক্ত হয়ে প্রকাশিত হয়।
CSS এর কোড গুলো আলাদাভাবে আলাদা ফাইলেও রাখা যায় যা HTML এ কল করে সংযুক্ত করা যায়।
CSS এর মাধ্যমে কোড লিখতে সবচেয়ে বড় যে সুবিধা পাওয়া যায় তা হলো বার বার একই কোড লিখতে হয় না।
সিএসএস-৩ ওয়েব জগতে আরও একটি মাইলফলক হিসেবে আবির্ভাব হলো। বেশ কয়েক দিন আগে সিএসএস-৩ এর মাধ্যমে গ্রাডিয়েন্ট এর বেপারে কাজ শুরু করেছিলাম। আগের দিনগুলোতে গ্রাডিয়েন্টের প্রয়োজন মেটানোর জন্য ছবি স্লাইসিং করে ব্যবহার করা হতো। এখন সিএসএস-৩ এইচটিএমএল-৫ আর জেকোয়েরীর রাজত্ব চলছে। তহলে দেখে নেই মহান ব্যক্তিরা কিভাবে সিএসএস এর ব্যবহার করেছেন। ১. আমাদের সৌর জগত …
আমি আগের একটি টিউটোরিয়ালে দেখিয়ে ছিলাম কিভাবে একটা আকর্ষনীয় নেভিগেশন বার তৈরি করা যায়। আজ আমরা কিভাবে শুধুমাত্র HTML আর CSS দিয়ে আকর্ষনীয় ড্রপ ডাউন মেনু তৈরি করা যায় দেখব। আমরা একটু দেখে নেই আসলে আমরা কি তৈরি করতে যাচ্ছি। প্রথম ধাপ: প্রথমে Desktop এ একটা Filder নিয়ে নাম দেই Dropdown । Dropdown Filder এর …
নিজের ওয়েব সাইটের আকর্ষনীয় ড্রপ ডাউন মেনু তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে Read More »
অনেক আগে থেকেই গ্রাডিয়েন্টের কাজটি ব্যাগ্রাউন্ডের ছবির মাধ্যমে করার প্রচলন চলে আসছি। ছবির মাধ্যমে গ্রাডিয়েন্ট বানানোটা রীতিমতো দিন দিন bad practise এ পরিনত হচ্ছে। টুটপ্লাসের নিচের ভিডিওতে ছোট প্রজেক্টটি দেখুন। আরও পড়ুন: >> CSS দিয়ে তৈরি করি নিজের ওয়েব সাইটের আকর্ষনীয় নেভিগেশন বার >> সিএসএস (CSS) ১০টি টিপস >>CSS টিউটরিয়াল (প্রাথমিক ধারণা ও সহজ একটি …
আমার একটা সুন্দর এবং জনপ্রিয় ওয়েব সাইট আছে! এই উক্তিটুকু কারো কাছে স্বপ্ন আবার অনেকের কাছেই সত্যি। কিন্তু কেমন ওয়েব সাইটকে আমরা সুন্দর বলব? এ প্রসঙ্গে প্রথমেই বলতে হয় যে ওয়েব সাইটের সুন্দর, পরিচ্ছন্ন তথ্যসমৃদ্ধ এবং আকর্ষনীয় নেভিগেশন বার রয়েছে । আমার বিশ্বাস এ ব্যপারে অন্য কারা দ্বিমত থাকার কথা নয়। শুধু তাই নয় একটি …
CSS দিয়ে তৈরি করি নিজের ওয়েব সাইটের আকর্ষনীয় নেভিগেশন বার ! Read More »
ছোট ছোট ট্রিকস অনেকসময় অনেক দরকারী হয়ে পরে। ডিজাইনের প্রয়োজনে বেশ কিছু সিএসএস কোডের ব্যবহার দরকার পরে তারই একটি তালিকা প্রকাশ করবো এখানে। তাহলে ধারাবাহিক ট্রিক ভ্রমনে চলি। ১. প্যারার হেডলাইন আন্ডার লাইনের পরিবর্তে নিচের মতো করে প্যারার হেডলাইনকে প্রকাশ করতে পারেন। এ জন্য নিচের কোড p { border-bottom:solid #006699; } পূর্বের পোস্ট: বেশি কিছু …
আজ আমরা একটি ছবির গ্যালারী তৈরীর কাজে হাত দিব। টিউটরিয়ালের স্বার্থে সহজ সরল একটি প্রজেক্ট বানাবো। অবশ্য এই কাজটি করতে হলে যতটা CSS ও HTML জ্ঞান থাকা দরকার তা আহোরন করে হাত দেয়া উচিত। আমাদের CSS ও HTML টিউটরিয়ালগুলো অনুসরনের মাধ্যমে কাজটি সহজ হবে। আসলে টিউটরিয়ালটি sonspring.com এর একটি প্রজেক্টকে কেন্দ্র করে। সে যে ছবির …
সহজেই বানিয়ে ফেলি ছবির গ্যালারী: সিএসএস (CSS) টিউটরিয়াল-৬ Read More »
কারনে অকারনে ছেলেবেলায়, ছাত্র জীবনে আর চাকুরী জীবনে বক্তব্য শুনতে হয়েছে অনেকবার। একটা কথা শুনেছি বেশি-তা হচ্ছে -“বেশি কিছু বলবো না” যারা এই কথা দিয়ে বক্তব্য শুরু করে তাদের বক্তব্যই বিরক্তকর লম্বা হয়। যাই হোক কিছুদিন আগে CSS টিউটরিয়াল (প্রাথমিক ধারণা ও সহজ একটি প্রজেক্ট)এর মাধ্যমে যে টিউটরিয়ালগুলো শুরু করেঝিলাম তা অনেকটা শেষ পর্যায়ে এসে …
বেশি কিছু না, সিএসএস (CSS) ১০টি টিপস দেখুন:সিএসএস টিউটরিয়াল-৫ Read More »
এ টিউটরিয়ালটি প্রাথমিক পর্যায়ের শিক্ষার্থীদের জন্য যারা সিএসএস এ সুন্দর সুন্দর বক্স মডেল বানাতে চান। আজ কাল প্রায় সব ওয়েব সাইটই সিএসএস বেইজড। এবং সব সিএসএস বেইজড সাইটেই বক্স বানাতে হয়। আর এব্যাপারে পারদর্শিতার মাধ্যমে খুব সুন্দর সুন্দর ডিজাইন বানানো যায়। আর টেবিলকে বিদায় করেছে সিএসএস এর বক্স মডেলই। বক্স প্রপার্টি: বক্স বানতে চাইলে কয়েকটি …
কোন কিছুতেই আমি স্থির থাকতে পারি না। একটি বিষয়ে অনেকদূর পর্যন্ত যাওয়ার প্রস্তুতি নিয়ে অর্ধেক পথে গিয়েই পথ অন্য পথে পা বাড়াই। চাকরী পরিবর্তন আর জায়গা পরিবর্তনের আবর্তে আমার টিউটরিয়ালের বিষয়েরও ঠিক ঠিকানা থাকে না। তবুও চেস্টা করবো সিএসএস নিয়ে ধারাবাহিকতা বজায় রাখতে। তবে সিএসএসএর প্রাথমিক আলোচনা আর কোড লেখার নিয়ম কানুনের উপর যে কয়টা …
ব্যাগ্রাউন্ড ও টেক্সটের ডিজাইনে আনুন নতুন মাত্রা: সিএসএস টিউটরিয়াল-৩ Read More »
সিএসএস এর দ্বিতীয় ক্লাসে সবাইকে স্বাগতম। এ পর্বে সিএসএস কোডের id, ও class কিভাবে এইচটিএমএল এর সাথে কাজ করে তা দেখবো। আগের পর্ব যারা দেখেন নি তারা CSS এর প্রথম পর্ব দেখে নিন। তাছাড়া আলাদা CSS ফাইল আকারে কিভাবে প্রকাশ করা হয় এবং তা HTML এ প্রকাশ করার পদ্ধতিও দেখবো। CSS এ কমেন্ট লেখা CSS …
সিএসএস সিন্টেক্স (কোড লেখার নিয়ম কানুন) CSS পাঠ-২ Read More »
ধাপে ধাপে সিএসএস টিউটরিয়াল শেখার প্রথম ক্লাসে সবাইকে স্বাগতম। এইচটিএমএল টিউটরিয়ালের পর এবার সবাইকে নিয়ে বসলাম সিএসএস (CSS) ক্লাসে। কলেজে পড়ার সময় দু’একটা টিউশনি করার মাধ্যমে যে শিক্ষকতা শুরু করেছিলাম তার অভ্যাস না ছাড়তে পারার কারনেই হয়তো টিউটরিয়ালবিডিতে লিখছি। তবে যে কথাটা সবাইকে বলতে চাই তা হলো-HTML এর উপর অসিম যে টিউটরিয়াল লিখেছেন তাতে সবাই …
CSS টিউটরিয়াল (প্রাথমিক ধারণা ও সহজ একটি প্রজেক্ট) Read More »