সিএসএস (CSS)

সিএসএস বলতে বুঝায় Cascading Style Sheets.
HTML কোড গুলো কিভাবে (ডিজাইনে) প্রকাশিত হবে তাই প্রকাশ করে
HTML এর সাথে CSS কোড যুক্ত হয়ে প্রকাশিত হয়।
CSS এর কোড গুলো আলাদাভাবে আলাদা ফাইলেও রাখা যায় যা HTML এ কল করে সংযুক্ত করা যায়।
CSS এর মাধ্যমে কোড লিখতে সবচেয়ে বড় যে সুবিধা পাওয়া যায় তা হলো বার বার একই কোড লিখতে হয় না।

ইন-লাইন স্টাইল শীট (পর্ব-৮)

Leave a Comment / Uncategorized, সিএসএস (CSS) /

ইন-লাইন স্টাইল শীট এ পদ্ধতিতে এইচ টি এম এল এর প্রতিটা ট্যাগের এট্রিবিউটস হিসেবে style এট্রিবিউটস যুক্ত করে এর মধ্যে সি এস এস এর জন্য প্রয়োজনীয় Declaration সমূহ যুক্ত করা হয়। যেমন<p style="color:#066; font-family:Tahoma; text-align:justify;"> অনুশীলন প্রজেক্ট HTML Code <html> <head> <title> Selectors</title> </head> <body > <h1>www.tutohost.com</h1> <p style="color:#066; font-family:Tahoma; text-align:justify;"> We are bangladeshi Hostgator […]

ইন-লাইন স্টাইল শীট (পর্ব-৮) Read More »

এক্সটার্নাল স্টাইল শীট : সি এস এস (পর্ব-৭)

Leave a Comment / সিএসএস (CSS) /

এ পদ্ধতিতে সি এস এস এর জন্য প্রয়োজনীয় Selector এবং Declaration সমূহ আলাদা স্ক্রিপ্টে রাখা হয় এবং স্ক্রিপ্টটিকে বা স্টাইল শীটটিকে style.css বা এর অনুরূপ নামে save করা হয়। <head>………….</head> এর মধ্যে <link rel=”stylesheet” type=”text/css” href=”css.css”> যুক্ত করে এক্সটার্নাল স্টাইল শীট এর সাথে এইচ টি এম এল এর লিংক তৈরি করা হয়।     অনুশীলন

এক্সটার্নাল স্টাইল শীট : সি এস এস (পর্ব-৭) Read More »

ইমবেডেড স্টাইল শীট : সি এস এস (পর্ব-৬)

Leave a Comment / সিএসএস (CSS) /

এইচ টি এম এল এর সাথে সি এস এস যুক্ত করার বিষয়টি খুবই গুরুত্বপূর্ণ। এইচ টি এম এল এর সাথে সি এস এস যুক্ত করার জন্য তিনটি পদ্ধতি রয়েছে। যথা ইমবেডেড স্টাইল শীট ইন-লাইন স্টাইল শীট এক্সটার্নাল স্টাইল শীট ইমবেডেড স্টাইল শীট এ পদ্ধতিতে <head>………….</head> এর মধ্যে <style>..</style> বা স্টাইল ট্যাগ ব্যাবহার করা হয়। এবং

ইমবেডেড স্টাইল শীট : সি এস এস (পর্ব-৬) Read More »

কোড লেখার পদ্ধতি : সি এস এস (পর্ব-৫)

Leave a Comment / সিএসএস (CSS) /

যে কোন প্রোগ্রাম লেখার জন্যই কোন একটা এডিটর ব্যবহার করে কোডিং করতে হয়। সি এস এস এর  জন্য প্রাথমিকভাবে এডিটর হিসেবে উইন্ডোজ অপারেটিং সিস্টেমের ডিফল্ট এডিটর notepad ব্যবহার করা যেতে পারে এবং বাড়তি সুবিধা পাবার জন্য এডভান্স এডিটর হিসেবে Dreamweaver ব্যবহার করলে কাজ অনেক সহজ হয়ে যাবে। সি এস এস Syntax সি এস এস syntax

কোড লেখার পদ্ধতি : সি এস এস (পর্ব-৫) Read More »

আইডি সিলেক্টর: সি এস এস-(পর্ব-৪)

Leave a Comment / সিএসএস (CSS) /

CSS এ ওয়েব পেজের কোন অংশ বা কোন উপাদানকে নির্দিষ্টভাবে চিহ্নিত করার একটি জনপ্রিয় পদ্ধতি আইডি সিলেক্টর । একাধিক উপাদানকে ক্লাস সিলেক্টর এর মত একই আইডি সিলেক্টর দ্বারা চিহ্নিত করা যায় না। যেমন <p id="post1"> We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement.  information.

আইডি সিলেক্টর: সি এস এস-(পর্ব-৪) Read More »

ক্লাস সিলেক্টর: সি এস এস-(পর্ব-৩)

Leave a Comment / সিএসএস (CSS) /

CSS এ ওয়েব পেজের কোন অংশ বা এক বা একাধিক উপাদানকে নির্দিষ্টভাবে চিহ্নিত করার একটি অন্যতম পদ্ধতি ক্লাস সিলেক্টর । একাধিক উপাদানকে একই ক্লাস সিলেক্টর দ্বারা চিহ্নিত করা যায়, তাই এটি কোডিং এর পরিমাণ হ্রাস করতে সাহায্য করে। যেমন <p class=”mar”> 24 / 7 Support</p> এর জন্য css কোড .mar{color: #C03; font-size:36px} ক্লাস সিলেক্টর নির্দেশ

ক্লাস সিলেক্টর: সি এস এস-(পর্ব-৩) Read More »

আপনি কি বাংলা ভাষায় সি এস এস এর পূর্ণাঙ্গ টিউটোরিয়াল খুঁজছেন?

7 Comments / সিএসএস (CSS) /

আপনি ইংরেজিতে খুব বেশি দক্ষ নন , আপনার লেখাপড়া টেকনোলজি ভিত্তিক নয়; কিন্তু আপনি ওয়েব ডেভল্পমেন্ট শিখতে আগ্রহী। কারণ বর্তমানে ওয়েব ডেভল্পমেন্ট শিখে ফ্রিল্যান্সিং করে এবং ব্যাক্তিগতভাবে বিভিন্ন ধরণের প্রজেক্টে কাজ করে ভাল ক্যারিয়ার গড়া সম্ভব। ওয়েবে ওয়েব ডেভলপমেন্ট এর উপর অনেক ভাল ভাল টিউটোরিয়াল থাকলেও আপনি সর্বোচ্চ সুবিধা নিতে পারছেন না। শেখার কোন ভাল

আপনি কি বাংলা ভাষায় সি এস এস এর পূর্ণাঙ্গ টিউটোরিয়াল খুঁজছেন? Read More »

ট্যাগ সিলেক্টর : সি এস এস-(পর্ব-২)

Leave a Comment / সিএসএস (CSS) /

CSS এর মাধ্যমে HTML দ্বারা তৈরি করা ওয়েব পেজের বিভিন্ন অংশকে নির্দিষ্ট করে গঠন, আকার, আকৃতি, অবস্থান, রং, গতিশীলতা ইত্যাদি নির্ধারণ করা হয়। HTML দ্বারা তৈরি ওয়েব পেজের কোন অংশকে নির্দিষ্টভাবে চিহ্নিত করার জন্য সিলেক্টর ব্যবহার করা হয়। CSS এ বেশ কয়েক ধরণের সিলেক্টর ব্যবহার করা হয় । এ গুলোর মধ্যে উল্লেখযোগ্য হচ্ছে …. ট্যাগ

ট্যাগ সিলেক্টর : সি এস এস-(পর্ব-২) Read More »

সিএসএস কি এবং কেন?- সি এস এস(পর্ব-১)

Leave a Comment / সিএসএস (CSS) /

Cascading Style Sheets এর সংক্ষিপ্ত রূপ হচ্ছে CSS । সহজ ভাষায় ওয়েব পেজের বিভিন্ন উপাদানের গঠন, আকার, আকৃতি, অবস্থান, রং, গতিশীলতা ইত্যাদি নির্ধারণের সহজ কৌশল হচ্ছে CSS । সিএসএস কেন প্রয়োজন? একটা সময় ছিল যখন শুধুমাত্র HTML দিয়েই একটি ওয়েব সাইটের ডিজাইন করা হত । সে সময়ে ডিজাইন বলতে একটা ওয়েব পেজের বিভিন্ন ফন্ট এর

সিএসএস কি এবং কেন?- সি এস এস(পর্ব-১) Read More »

CSS কোড ব্যাবহার করে টেক্সটা স্টাইল

3 Comments / সিএসএস (CSS) /

ফটোশপে টেক্সটা স্টাইল তো অনেকে করেন। এইবার একটু শুধু সিএসএস কোড ব্যাবহার করে টেক্সটা স্টাইল করি কি বলেন। এই স্টাইল গুলো মূলত পোষ্ট এর টাইটেল, ওয়েব হেডার, বিভিন্ন প্রকারের লিংক এর ক্ষেত্রে ব্যাবহার করা হয়। যাই হোক আমি এইখানে Dreamweaver ব্যাবহার করেছি। আপনি ইচ্ছা করলে Dreamweaver ব্যাবহার না করেও কাজটা কারতে পারেন। ১. প্রথম কাজ

CSS কোড ব্যাবহার করে টেক্সটা স্টাইল Read More »

CSS 3 দিয়ে Gradient এর ব্যাবহার

9 Comments / সিএসএস (CSS) /

ফটোশপে কাজ করেছেন অথচ Gradient এর নাম শোনেন নি। এমন কেউ থাকতে পারে বলে আমি বিশ্বাস করি না। এই সুবিধা এখন শুধু CSS ব্যাবহার করেই পাওয়া যাবে। তাই ভাবলাম এই নিয়ে একটা টিউটোরিয়ল লিখি। সামনের টিউটোরিয়ার গুলোতে এর ব্যাবহার বুঝতে পারবেন। ১. Linear Gradient এইটাতে ওপরে একটা এবং নিচে একটা রং। ব্যবহৃত CSS: -webkit-gradient(linear, left

CSS 3 দিয়ে Gradient এর ব্যাবহার Read More »

CSS দিয়ে আরও কয়েটা টেক্সটা স্টাইল

9 Comments / সিএসএস (CSS) /

CSS দিয়ে টেক্সটা স্টাইল নিয়ে কদিন আগে লিখেছিলাম। আসলে CSS 3 এর সেডোর নতুন ফিচারটা একেবারে জটিল। যাই হক ফেজবুকে কয়েকজন বলল, তারা এই রকম আরও টিউটোরিয়াল চায়। তাই পরে পার্টি লিখলাম এইটাতেও আরও তিনটা স্টাইল যোগ করেছি। অটোমেটিক ফন্ট লোডিং এর জন্য আর কোডিং করার ইচ্ছা করছে না তাই Showcard Gthic ফন্টটা এইখান থেকে

CSS দিয়ে আরও কয়েটা টেক্সটা স্টাইল Read More »

CSS দিয়ে টেক্সটা স্টাইল

8 Comments / সিএসএস (CSS) /

CSS দিয়ে অনেক দারুণ দারুণ ডিজাইন করা সম্ভব। একটা আইফোন দেখে তো আমার চোখ পুরো ট্যারা। দেখতে পারেন এইখান থেকে। আমি ভাই ছোট-মোট প্রোগ্রামার এত বড় কাজ করা আমার পক্ষে আপাতত সম্ভব নয়। তাই আমার তৈরি ছোট ছোট কয়েটা কোড স্টাইল শেয়ার করছি। এইখানে ড্রিমওয়েভার ব্যাবহার করেছি। ১. Grass Text ব্যবহৃত CSS কোড: font: Verdana,

CSS দিয়ে টেক্সটা স্টাইল Read More »

ফটোশপ এবং CSS দিয়ে হোভার(hover) এনিমেশন যুক্ত বাটন তৈরি

17 Comments / ফটোশপ, সিএসএস (CSS) /

বেশ অনেক দিন থেকেই ভাবছি এবং বলছি PSD থেকে CSS কোডিং এর ওপর টিউটোরিয়াল লিখবো। কিন্তু আঁতি-পাতি করতে করতে আর করা হয়ে উঠে না। তো যাইহোক আমি আজ খুব সাধারণ এটা টিউটোরিয়াল লিখবো ফটোশপ থেকে CSS কোডিং এর বেপারে। এই বিষয় গুলো নিয়ে যারা ঘাঁটা ঘাটি করেন। তারা হয়তো এই ধরেনের প্রজেক্ট অন্য কোন ইংরেজি

ফটোশপ এবং CSS দিয়ে হোভার(hover) এনিমেশন যুক্ত বাটন তৈরি Read More »

তৈরিকরুন আপনার নিজের চ্যাট সিস্টেম!

15 Comments / পিএইচপি, সিএসএস (CSS) /

বকবকানি: ওয়েবসাইটে চ্যাট অনেকেই সংযুক্ত করতে চান। বিভিন্ন চ্যাট সাইট থেকে বিভিন্ন কোড জেনারেট করে ব্যবহার করেন অনেকে। এতে সাইটের স্পীড কমে যায়। আজ আমি আপনাদের এমন একটি চ্যাট সিস্টেম দেখাব যেখানে সাইট বিন্দুমাত্র স্লো হবে না। ডাউনলোড: এই চ্যাট সিস্টেমটির বাংলা সংস্করণ ডাউনলোড করুন এখান থেকে। এবং ইংরেজি সংস্করণটি ডাউনলোড করুন এখান থেকে।  (মাত্র

তৈরিকরুন আপনার নিজের চ্যাট সিস্টেম! Read More »

ফ্রি ব্লগারের হোমপেজে গ্যালারি স্টাইল পোস্ট দেখানো (শুধু মাত্র CSS দিয়ে)

4 Comments / সিএসএস (CSS) /

আমি যখন নতুন ছিলাম তখন টেম্পলেট ডাউনলোড করার সময় লক্ষ্য করতাম গ্যালারি থিম গুলোকে। এগুলোর প্রথম পাতায় পোস্ট দেখানোর ধরণটা খুব ভালো লাগতো।  ভাবতাম এগুলো কেমন করে করে! তবে যখন একটু CSS নিয়ে ঘাটা ঘাটি করলাম তখন বুঝলাম এটা খুব একটা কঠিন কাজ নয়। আপনারদের যার মনে এমন ধারণা থাকে তার আমার এই টিউটোরিয়ালটা কাজে

ফ্রি ব্লগারের হোমপেজে গ্যালারি স্টাইল পোস্ট দেখানো (শুধু মাত্র CSS দিয়ে) Read More »

ফ্রি ব্লগারের জন্য ৩টি টপ মেনু

8 Comments / সিএসএস (CSS) /

ক’দিন আগে আমি একটা টিউটোরিয়াল লিখেছিলাম যে “নিজের ওয়েব সাইটের আকর্ষণীয় ড্রপ ডাউন মেনু তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে ২ “। এখানে আজগর ভাই মন্তব্য করেছিল যে এটা ফ্রি ব্লগারে লাগানো যাবে কিনা। আমি একটা রিপ্লাই দিয়েছিলাম অবশ্য তবে সেটা যথেষ্ট ছিল না। তাই একটা টিউটোরিয়াল নিয়ে বসলাম ফ্রি ব্লগারে টপ মেনু লাগানোর

ফ্রি ব্লগারের জন্য ৩টি টপ মেনু Read More »

নিজের ওয়েব সাইটের আকর্ষনীয় ড্রপ ডাউন মেনু তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে ২

30 Comments / HTML, সিএসএস (CSS) /

আজ টিউটোরিয়াল বিডিতে CSS বিভাগের পোষ্ট গুলো ঘুরে দেখতে ছিলাম। এখানে অসীম ভাই একটা পোষ্টে আমার চোখ আটকে যায়। পোষ্ট’টা হল, “নিজের ওয়েব সাইটের আকর্ষণীয় ড্রপ ডাউন মেনু তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে” পোষ্টা আমার খুব ভালো লাগে। তাই এই টিউটোরিয়ালটা লিখতে বসলাম। আরও একটা ইচ্ছা আছে আমি শুধু কদিন ধরে ফটোশপ নিয়েই

নিজের ওয়েব সাইটের আকর্ষনীয় ড্রপ ডাউন মেনু তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে ২ Read More »

সিএসএস৩ এর ছয়টি টুলস

7 Comments / Featured Articles., সিএসএস (CSS) /

CSS3 ব্যবপক জনপ্রিয়তা অর্জনকরেছে। সিএসএস৩ এর একটা সমস্যা হলো সব ব্রাউজার এখনো সাপোর্ট করে না। কাজের সুবিধার জন্য এখানে সিএসএস তিন এর ছয়টি ওয়েব টুলের বর্ণনা দেওয়া হলো। এ টুলসগুলো ব্যবহারে সহজেই কোডিং করতে সহায়ক হবে বলে আমি মনে করি। CSS3 Button Maker বৃত্তাকার কোনের ও গ্রাডিয়েন্টের সমন্বয়ে সুন্দর বাটন বানাতে পারবেন এ টুলটির মাধ্যমে।

সিএসএস৩ এর ছয়টি টুলস Read More »

২০ টি সিএসএস টুলস

Leave a Comment / সিএসএস (CSS) /

কিছু দিন ধরে আমি টিউটরিয়ালবিডিতে সিএসএসের উপরে অনেকগুলো টিউটরিয়াল লিখেছিলাম। এখন সিএস এস কোডিংকে আরও সুবিধা দিতে অনেকগুলো এপ্লিকেশনের সাথে আপনাদের পরিচয় করিয়ে দেব। আশা করি নতুন সিএসএস শিক্ষার্থী ও ওয়েব ডিজাইনারের কাছে জিনিসগুলো বেশ ভালো লাগবে। শেয়ার করুন: ই-মেইল সাবক্রাইব |ফেসবুকে ভক্ত হোন CSS3 Generator CSS3 Please CSS3 Click Chart by Impressive Webs CSS-Tricks

২০ টি সিএসএস টুলস Read More »