Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– সিএসএস৩ border-image প্রোপার্টি সিএসএস৩ border-image প্রোপার্টি দিয়ে একটি এলিমেন্ট এর চারদিকে বর্ডার সেট করতে পারেন। ব্রাউজার সাপর্ট টেবিলে উল্লেখিত সংখ্যা ব্রাউজার এর প্রথম ভার্সন যা এই প্রোপার্টি সম্পূর্ণভাবে সাপর্ট করে তা বোঝায়। -webkit- বা -moz- …
Tag: সিএসএস
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8%e0%a7%a9-%e0%a6%ac%e0%a6%b0%e0%a7%8d%e0%a6%a1%e0%a6%be%e0%a6%b0-%e0%a6%87%e0%a6%ae%e0%a7%87%e0%a6%9c/
সিএসএস লেআউট – width এবং max-width (বাংলায়) (CSS Layout – width and max-width in Bangla)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– width, max-width এবং margin: auto এর ব্যবহার পূর্ববর্তী অধ্যায় এ উল্লেখ করা হয়েছিল যে, block-level এলিমেন্ট সবসময়ই ব্যবহারযোগ্য পূর্ণ প্রসস্থ জায়গা দখল করে (ডানে ও বায়ে যতটা সম্ভব প্রসারিত হয়) block-level এলিমেন্ট এর প্রসস্থতা নির্ধারণ …
Permanent link to this article: http://bangla.sitestree.com/css-layout-width-and-max-width/
সিএসএস লেআউট – ইনলাইন-ব্লক (বাংলায়) (CSS Layout – inline-block in bangla)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– ইনলাইন-ব্লক মান এখন অনেক কাল পরে বক্স এর গ্রিড তৈরি সম্ভব যা float প্রোপার্টি ব্যবহার করলে ব্রাউজার এর প্রসস্থতা অনুসারে পূর্ণ এবং সুন্দরভাবে ফিট হয়ে যায় (যখন ব্রাউজার এর আকার পরিবর্তন করা হয়)। display প্রোপার্টি এর …
Permanent link to this article: http://bangla.sitestree.com/css-layout-inline-block/
সিএসএস ছদ্ম-এলিমেন্ট বাংলায় (CSS Pseudo-elements in Bangla)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– ছদ্ম- এলিমেন্টসমূহ কি কি? একটি CSS এর ছদ্ম-এলিমেন্ট একটি এলিমেন্ট এর সুনির্দিষ্ট অংশের স্টাইল করার জন্য ব্যবহার করা হয়। উদাহরণস্বরূপ, এটি ব্যবহার করা হতে পারে: একটি এলিমেন্ট এর মধ্যকার প্রথম অক্ষর বা লাইন স্টাইল করার জন্য …
Permanent link to this article: http://bangla.sitestree.com/css-pseudo-elements/
সিএসএস কিভাবে… (CSS How To…)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– যখন একটি ব্রাউজার স্টাইল শীট পরে, এটি স্টাইল শীট এর তথ্য অনুসারে ডকুমেন্টকে ফরমেট করে। সিএসএস প্রবেশ করানোর তিনটি উপায় আছে বহিস্থিত স্টাইল শীট অন্তস্থিত স্টাইল শীট ইনলাইন স্টাইল বহিস্থিত স্টাইল শীট বহিস্থিত স্টাইল শীট …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%95%e0%a6%bf%e0%a6%ad%e0%a6%be%e0%a6%ac%e0%a7%87-css-how-to/
সিএসএস কুইজ । CSS Quiz
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science–
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%95%e0%a7%81%e0%a6%87%e0%a6%9c-%e0%a5%a4-css-quiz/
জেকোয়েরি মোবাইল সিএসএস ক্লাসের ব্যবহার
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– জেকোয়েরি মোবাইল সিএসএস ক্লাসের ব্যবহার । লেখকঃ মোস্তাফিজুর ফিরোজ । মেইলঃ me@firoz.me ওয়েবসাইটঃ www.firoz.me কি খবর ? কেমন আছেন সবাই? আজকে একটু ঠাণ্ডা বেশি, তাই সবাই মনে হয় লেপের ভিতর থেকে ভালোই আছেন । আজ আমি …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%9c%e0%a7%87%e0%a6%95%e0%a7%8b%e0%a7%9f%e0%a7%87%e0%a6%b0%e0%a6%bf-%e0%a6%ae%e0%a7%8b%e0%a6%ac%e0%a6%be%e0%a6%87%e0%a6%b2-%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%95-4/
আজ আমি সিএসএস বিষয়ে কিছু ধারণা দেব।
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– 1.সিএসএস ওয়েব ডিজাইনের ক্ষেত্রে একটি গুরুত্বপূর্ণ বিষয়।ভালমানের একটি ওয়েব সাইট বানাতে হলে সিএসএস জানা দরকার।আজ আমি অপনাদের সিএসএস বিষয়ে কিছু ধারণা দেব। সিএসএস টেবিলঃ- table { border-collapse:collapse; } table,th, td { border: 1px solid black; } …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%86%e0%a6%9c-%e0%a6%86%e0%a6%ae%e0%a6%bf-%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%ac%e0%a6%bf%e0%a6%b7%e0%a7%9f%e0%a7%87-%e0%a6%95%e0%a6%bf%e0%a6%9b%e0%a7%81-%e0%a6%a7/
সিএসএস হলো Cascading Style Sheets.
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– লেখকঃ মোঃমিনহাজুল ইসলাম সিএসএস হলো Cascading Style Sheets. । সিএসএস ফাইল সেভ করতে হয় .css দিয়ে। সিএসএস ব্যবহার করা হয় এইচটিএমএল পেজটে কে আরও দৃষ্টিনন্দন করা জন্য। সিএসএস ৩ দরনে হয়। ১) ইন্টারনাল সিএসএস । ২) …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%b9%e0%a6%b2%e0%a7%8b-cascading-style-sheets/
এইচটিএমএল এর সিএসএস (HTML Style – CSS)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– শরিফুল ইসলাম Php Coder HTML Styles – CSS উদাহরণ <!DOCTYPE html> <html> <head> <style> body {background-color:lightgray} h1 {color:blue} p {color:green} </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> সিএসএস …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%b0-%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-html-styles-css/
সিএসএস ৩ রেস্পনসিভ ওয়েব ডিজাইন (CSS Responsive Web Design)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– লিখেছেন সুদীপ্ত সাহা রেস্পনসিভ ওয়েব ডিজাইন কি? রেস্পনসিভ ওয়েব ডিজাইন হল ওয়েব সাইটকে এমন করে তৈরি করা যেন তা সকল ডিভাইসে ঠিকভাবে প্রদর্শিত হয়। রেস্পনসিভ ওয়েব ডিজাইন কোন প্রোগ্রাম বা জাভাস্ক্রিপ্টের মতো নয়। রেস্পনসিভ ওয়েব …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a7%a9-%e0%a6%b0%e0%a7%87%e0%a6%b8%e0%a7%8d%e0%a6%aa%e0%a6%a8%e0%a6%b8%e0%a6%bf%e0%a6%ad-%e0%a6%93%e0%a7%9f%e0%a7%87%e0%a6%ac-%e0%a6%a1/
সিএসএস ৩ ইউজার ইন্টারফেস (CSS3 User Interface)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– Sheikh Mahfuzur Rahman সিএসএস-থ্রি ইউজার ইন্টারফেস সিএসএস-থ্রি এর কিছু নতুন ইউজার ইন্টারফেস ফিচার হলো এলিমেন্ট রিসাইজিং, বক্স রিসাইজিং এবং আউটলাইনিং। এই অধ্যায়ে নিচের ইউজার ইন্টারফেস প্রপার্টিগুলো সম্পর্কে জানতে পারবেনঃ resize box-sizing outline-offset ব্রাউজার সাপোর্ট …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a7%a9-%e0%a6%87%e0%a6%89%e0%a6%9c%e0%a6%be%e0%a6%b0-%e0%a6%87%e0%a6%a8%e0%a7%8d%e0%a6%9f%e0%a6%be%e0%a6%b0%e0%a6%ab%e0%a7%87%e0%a6%b8-css3-u/
সি এস এস মাল্টিপল কলাম (CSS3 Multiple Columns)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– CSS3 Multiple Columns অর্থাৎ css3 তে একাধিক কলাম তৈরি করা css3 ব্যবহার করে আপনি টেক্সটগুলোকে প্রয়োজনমত সাজানোর জন্য একাধিক কলাম তৈরি করতে পারবেন। এই অধ্যায়ে আপনি নিম্নোক্ত কলাম প্রপার্টি গুলো সম্পর্কে জানবেন- column-count column-gap Column-rule …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%ae%e0%a6%be%e0%a6%b2%e0%a7%8d%e0%a6%9f%e0%a6%bf%e0%a6%aa%e0%a6%b2-%e0%a6%95%e0%a6%b2%e0%a6%be%e0%a6%ae-css3-multiple-columns/
সিএসএস ৩ অ্যানিমেশনস (CSS3 Animations)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– সুদীপ্ত সাহা ফ্লাস বা জাভাস্ক্রিপ্ট দ্বারা তৈরি ওয়েব পেজের অ্যানিমেশনগুলো সিএসএস3 অ্যানিমেশন দ্বারা বদল করা যায়। ব্রাউজার সাপোর্ট নিচের টেবিলে প্রদর্শিত নাম্বারগুলো নির্দেশ করছে কোন ব্রাউজারের কোন ভার্শনগুলো এই প্রপার্টিকে সম্পূর্ণভাবে সাপোর্ট করে। -webkit-, …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a7%a9-%e0%a6%85%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%a8%e0%a6%bf%e0%a6%ae%e0%a7%87%e0%a6%b6%e0%a6%a8%e0%a6%b8-css3-animations/
সিএসএস৩ ট্রানজিশানস (CSS3 Transitions)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– ডব্লিওথ্রিসি সিএসএস-থ্রিতে যেসব নতুন ফিচার যোগ করেছে তার মধ্যে উল্লেখযোগ্য ও অভিনব একটি হলো ট্রানজিশানস। ট্রানজিশানস ব্যবহার করে একটি স্টাইলকে অন্য স্টাইলে রূপান্তরিত করা যায় এবং এর জন্য ফ্লাশ অথবা জাভাস্ক্রিপ্ট ব্যবহার করতে হয় না। …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a7%a9-%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a6%be%e0%a6%a8%e0%a6%9c%e0%a6%bf%e0%a6%b6%e0%a6%be%e0%a6%a8%e0%a6%b8-css3-transitions/
সিএসএস ৩ 3D ট্রান্সফর্মস (CSS3 3D Transforms in Bangla)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– সিএসএস-থ্রি’তে থ্রিডি ট্রান্সফর্ম ব্যবহার করে পেজের এলিমেন্টগুলোকে ফর্মেট এবং স্টাইল করা যায়। এই অধ্যায়ে আমরা কিছু থ্রিডি ট্রান্সফর্ম এর পদ্ধতি সম্পর্কে জানবোঃ rotateX() rotateY() rotateZ() একটি টুডি ট্রান্সফর্ম এবং একটি থ্রিডি ট্রান্সফর্ম এর মধ্যে পার্থক্য …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a7%a9-3d-%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a6%be%e0%a6%a8%e0%a7%8d%e0%a6%b8%e0%a6%ab%e0%a6%b0%e0%a7%8d%e0%a6%ae%e0%a6%b8/
সিএসএস ৩ 2D ট্রান্সফরম (CSS3 2D Transforms)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– সিএসএস ৩ ট্রান্সফরম এর সাহায্যে আমরা যে কোন এলিমেন্ট সরাতে , টার্ন করতে, এবং ঘুরাতে পারি । ট্রান্সফরমেসান হল একটি ইফেক্ট যেটা শেপ , সাইজ, এবং জাইগা পরিবর্তন করতে বাবহারিত হয় । তুমি তোমার এলিমেন্ট এ …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a7%a9-2d-%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a6%be%e0%a6%a8%e0%a7%8d%e0%a6%b8%e0%a6%ab%e0%a6%b0%e0%a6%ae-css3-2d-transforms/
সিএসএস ৩ ওয়েব ফন্ট (CSS3 Web Fonts)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– Sheikh Mahfuzur Rahman সিএসএস-থ্রি পাবলিশ হওয়ার পর থেকে ওয়েব ডিজাইনারদের এখন আর “ওয়েব সেইফ ফন্টের” উপর নিউর্ভর করতে হয়না। সিএসএস-থ্রি ওয়েব ফন্ট ওয়েব ডিজাইনারদের এমন সব ফন্ট ব্যবহার করার সুযোগ করে দেয় যা ইউজারদের কম্পিউটারে ইন্সটল …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a7%a9-%e0%a6%93%e0%a7%9f%e0%a7%87%e0%a6%ac-%e0%a6%ab%e0%a6%a8%e0%a7%8d%e0%a6%9f-css3-web-fonts/
সি এস এস ৩ টেক্সট ইফেক্টস (CSS3 Text Effects)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– css3 তে বেশ কিছুই নতুন টেক্সট ইফেক্টস আছে। এই অধ্যায়ে আপনারা নিচের অধ্যায়গুলো সম্পর্কে জানবেন- text-shadow word-wrap ব্রাউজার সাপোর্ট (Browser Support) এই প্রপার্টি দুটো css3 ভার্সন, তাই সকল নতুন বা latest version এর ব্রাউজার গুলো …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a7%a9-%e0%a6%9f%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f-%e0%a6%87%e0%a6%ab%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%9f%e0%a6%b8-css3-text-eff/
সি এস এস ৩ গ্র্যাডিয়েন্টস (CSS3 Gradients)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– CSS3 gradients দুটি color এর মধ্যে সংযোগ স্থল কে মসৃণ করে। এই কাজ টি করার জন্য আপনাকে একটি image ব্যাবহার করতে হবে। তবে CSS3 gradient ব্যাবহার করে আপনি download এবং bandwidth usage কমাতে পারবেন। একইসাথে gradient …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a7%a9-%e0%a6%97%e0%a7%8d%e0%a6%b0%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%a1%e0%a6%bf%e0%a7%9f%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f%e0%a6%b8-css3/
সিএসএস ৩ ব্যাকগ্রাউন্ড (CSS3 Backgrounds)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– Sheikh Mahfuzur Rahman সিএসএস-থ্রি’তে কিছু নতুন ব্যাকগ্রাউন্ড প্রপার্টি যোগ করা হয়েছে, যার মাধ্যমে ব্যাকগ্রাউন্ড এলিমেন্টকে আরও ভালোভাবে নিয়ন্ত্রণ ও স্টাইল করা যায়। এই চ্যাপ্টারে আপনারা নিচের ব্যাকগ্রাউন্ড প্রপার্টিগুলো সম্পর্কে জানবেনঃ background-size background-origin background-clip কিভাবে মাল্টিপল …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a7%a9-%e0%a6%ac%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%95%e0%a6%97%e0%a7%8d%e0%a6%b0%e0%a6%be%e0%a6%89%e0%a6%a8%e0%a7%8d%e0%a6%a1-css3-backgrounds/
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%a8%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%ad%e0%a6%bf%e0%a6%97%e0%a7%87%e0%a6%b6%e0%a6%a8-%e0%a6%ac%e0%a6%be%e0%a6%b0-css-navigation-bar-2/
সিএসএস৩ পরিচিতি (CSS3 Introduction)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– Ali Hossain Student of English Literature, Jahangirnagar University. CSS (সিএসএস) এর আধুনিক মানদন্ড বা নিশান হচ্ছে CSS3 (সিএসএস৩) পূর্বের CSS (সিএসএস) এর ভার্সন এর সাথে CSS3 (সিএসএস৩) সম্পূর্নভাবে সামঞ্জস্যপূর্ণ । এই অধ্যায়ে আপনি CSS3 (সিএসএস৩) …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8%e0%a7%a9-%e0%a6%aa%e0%a6%b0%e0%a6%bf%e0%a6%9a%e0%a6%bf%e0%a6%a4%e0%a6%bf-css3-introduction/
সিএসএস মিডিয়া টাইপস (CSS Media Types)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– মৃত্যুঞ্জয় বিশ্বাস এই @media পদ্ধতি ব্যবহার করে, একটি ওয়েবসাইট এর স্কৃণ্, মুদ্রণ, মোবাইল ফোন, ট্যাবলেট ইত্যাদি জন্য একটি ভিন্ন লেআউট করতে পাড়বো। মিডিয়ার ধরন সমূহ কিছু CSS এর বৈশিষ্ট্য শুধুমাত্র একটি নির্দিষ্ট মিডিয়া জন্য ডিজাইন …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%ae%e0%a6%bf%e0%a6%a1%e0%a6%bf%e0%a7%9f%e0%a6%be-%e0%a6%9f%e0%a6%be%e0%a6%87%e0%a6%aa%e0%a6%b8-css-media-types/
সি এস এস ইমেজ স্প্রাইটস্ (CSS Image Sprites)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– মৃত্যুঞ্জয় বিশ্বাস ইমেজ স্প্রাইটস্ কি? ওয়েব সাইটের জন্য আকর্ষণীয় বাটন তৈরির জন্য এবং নেভিগেশন বার তৈরির ক্ষেত্রে ইমেজ স্প্রাইটস একটা ভালো কৌশল। এক্ষেত্রে অনেকগুলো ইমেজ একত্রে করে একটা সিঙ্গেল ইমেজ তৈরি করা হয় এবং প্রয়োজন …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%87%e0%a6%ae%e0%a7%87%e0%a6%9c-%e0%a6%b8%e0%a7%8d%e0%a6%aa%e0%a7%8d%e0%a6%b0%e0%a6%be%e0%a6%87%e0%a6%9f%e0%a6%b8%e0%a7%8d-css-image-spri/
সিএসএস Pseudo-classes
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– Pseudo-classes কি ??? Pseudo-classes ব্যবহার করা হয় একটি উপাদান এর একটি বিশেষ state নির্ধারণ করতে । উদাহরণস্বরূপ এটি ব্যবহার করা হয়ঃ যখন user এর উপর মাউস নিয়ে নাড়াচাড়া করে তখন ভিন্ন Style প্রদর্শন করে । visited …
Permanent link to this article: http://bangla.sitestree.com/css-pseudo-classes/
সিএসএস কম্বিনেটরস (CSS Combinators)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– শেখ মাহফুজুর রহমান সিএসএস কম্বিনেটর সিলেক্টরগুলোর মধ্যে সম্পর্ক নির্দেশ করে। একটি সিএসএস সিলেক্টর একাধিক সিম্পল সিলেক্টর ধারণ করতে পারে। এই সিম্পল সিলেক্টরগুলোর মধ্যে আমরা একটি কম্বিনেটর যোগ করতে পারি। সিএসএস-থ্রি’তে চার প্রকার কম্বিনেটর রয়েছেঃ ডিসেন্ডেন্ট সিলেক্টর …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%95%e0%a6%ae%e0%a7%8d%e0%a6%ac%e0%a6%bf%e0%a6%a8%e0%a7%87%e0%a6%9f%e0%a6%b0%e0%a6%b8-css-combinators/
সিএসএস আনুভূমিক সারি (CSS Horizontal Align)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– ইন্দ্র ভূষণ শুভ CSS এ, উপাদানকে আনুভূমিক ভাবে সারিবদ্ধ করার জন্য বিভিন্ন ধরনের বৈশষ্ট্য ব্যবহার করা হয়। সারিবদ্ধ ব্লক উপাদানসমূহ ব্লক উপাদান হলো এক ধরণের উপাদান যা ব্যবহারযোগ্য সব width ব্যবহার করে, এবং আগে ও …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%86%e0%a6%a8%e0%a7%81%e0%a6%ad%e0%a7%82%e0%a6%ae%e0%a6%bf%e0%a6%95-%e0%a6%b8%e0%a6%be%e0%a6%b0%e0%a6%bf-css-horizontal-align/
সিএসএস ফ্লোট (CSS Float)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– শেখ মাহফুজুর রহমান সিএসএস ফ্লোট কি? ফ্লোটের বাংলা হলো ভাসা। সিএসএস ফ্লোটের মাধ্যমে একটি এলিমেন্টকে ব্রাউজার স্ক্রিনের বাম অথবা ডান দিকে ঠেলে বা ভাসিয়ে দেয়া যায়। এতে ডকুমেন্টের অন্যান্য এলিমেন্টগুলো এর চারপাশ ঘিরে অবস্থান করে …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%ab%e0%a7%8d%e0%a6%b2%e0%a7%8b%e0%a6%9f-css-float/
সিএসএস পজিশনিং (CSS Positioning)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– পজিশনিং সিএসএস এ পজিশনিং খুব গুরত্বপূর্ন একটি বিষয়। সিএসএস পজিশনিং বৈশিষ্ট্য আপনাকে একটি উপাদান (element) উপস্থাপন করার অনুমতি দেয়। এর মাধ্যমে উপাদান গুলো একটির পিছনে আরেকটি উপাদান রাখা যায়। এমন কি উপাদান এর কন্টেন্ট খুব বড় …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%aa%e0%a6%9c%e0%a6%bf%e0%a6%b6%e0%a6%a8%e0%a6%bf%e0%a6%82-css-positioning/
সিএসএস ডিসপ্লে এন্ড ভিজিবিলিটি (CSS Display and Visibility)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– display প্রোপার্টিজ দিয়ে ব্লক লেভেল এলিমেন্টকে ইনলাইন আবার ইনলাইন এলিমেন্ট কে ব্লক লেভেল বানানো যায়। এছাড়া এই প্রোপার্টিজ দিয়ে এলিমেন্ট অদৃশ্য করে রাখা যায়। মূলত এর ৩/৪ টি মান খুব ব্যবহার হয় বাকি মানগুলি দিয়েও অনেক …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%a1%e0%a6%bf%e0%a6%b8%e0%a6%aa%e0%a7%8d%e0%a6%b2%e0%a7%87-%e0%a6%8f%e0%a6%a8%e0%a7%8d%e0%a6%a1-%e0%a6%ad%e0%a6%bf%e0%a6%9c%e0%a6%bf/
সি এস এস ডায়মেনশন (CSS Dimension)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– CSS dimension হচ্ছে এমন একটি properties যা element এর height এবং width নিয়ন্ত্রণ করে। height এবং width নির্ধারণ করা এলিমেন্ট এর উচ্চতা এবং প্রসস্থতা নির্ধারণ করতে height এবং width প্রোপার্টিজ ব্যবহার করা হয়। height এবং width সয়ংক্রিয় …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8%e0%a7%87%e0%a6%b8-%e0%a6%a1%e0%a6%be%e0%a7%9f%e0%a6%ae%e0%a7%87%e0%a6%a8%e0%a6%b6%e0%a6%a8-css-dimension/
সি এস এস প্যাডিং (CSS Padding)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– CSS Padding হচ্ছে element border এবং element content এর মধ্যে ফাকা স্থান। প্যাডিং Padding হচ্ছে content (border এর ভিতরে থাকে) এর চারপাশে একটি ফাকা স্থান। Padding কার্যকর হয় element এর background color দিয়ে। top, right, bottom …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%aa%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%a1%e0%a6%bf%e0%a6%82-css-padding/
সি এস এস আউটলাইন্স (CSS Outlines)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– এটি elements এর চারপাশে একটি অমীমাংসিত স্থান যা element কে “stand out” করে। outline properties টি outline এর style, color, and width বিশেষ রূপে উল্লেখ করে। সি এস এস আউটলাইন্স Outline হচ্ছে এমন একটা line …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%86%e0%a6%89%e0%a6%9f%e0%a6%b2%e0%a6%be%e0%a6%87%e0%a6%a8%e0%a7%8d%e0%a6%b8-css-outlines/
সি এস এস বর্ডার (CSS Border)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– CSS border properties এলিমেন্ট এর border এর style, size, and color নির্ধারণ করতে সাহায্য করে । বর্ডার স্টাইল Border-style property নির্ধারণ করা হয় কি ধরনের border প্রদর্শিত হবে। বি: দ্র: Border properties এর কোন প্রভাব …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%ac%e0%a6%b0%e0%a7%8d%e0%a6%a1%e0%a6%be%e0%a6%b0-css-border/
সি এস এস বক্স মডেল (CSS Box Model)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– সব HTML উপাদানগুলোকে বক্স হিসাবে বিবেচনা করা যেতে পারে । CSS এ “ বক্স মডেল” শব্দটি ব্যবহার করা হয় যখন নকশা এবং বিন্যাস নিয়ে আলোচনা করা হয়। সিএসএস বক্স মডেল মূলত চারপাশে HTML উপাদানে ঘেরা একটি …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%ac%e0%a6%95%e0%a7%8d%e0%a6%b8-%e0%a6%ae%e0%a6%a1%e0%a7%87%e0%a6%b2-css-box-model/
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%b2%e0%a6%bf%e0%a6%b8%e0%a7%8d%e0%a6%9f-css-lists/
সি এস এস লিঙ্ক (CSS Links)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– স্টাইলিং লিঙ্ক সিএসএস প্রোপার্টি দ্বারা লিঙ্ক স্টাইল করা যেতে পারে (যেমন: color, font-family, background, ইত্যাদি) a { color: #FF0000; } লিঙ্ক এর অবস্থা অনুসারে একে স্টাইল করা যেতে পারে। লিঙ্ক এর চারটি অবস্থা রয়েছে: …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%b2%e0%a6%bf%e0%a6%99%e0%a7%8d%e0%a6%95-css-links/
সিএসএস ব্যাকগ্রাউন্ড (CSS Background)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– CSS background properties ব্যাবহার করা হয় element এর background effects নির্দেশ করার জন্য। যে CSS properties গুলি background effects এর জন্য ব্যাবহার করা হয় তা নিম্নরুপঃ background-color background-image background-repeat background-attachment background-position Background Color একটি element …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%ac%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%95%e0%a6%97%e0%a7%8d%e0%a6%b0%e0%a6%be%e0%a6%89%e0%a6%a8%e0%a7%8d%e0%a6%a1-css-background/
সি এস এস সিলেক্টর (CSS Selectors)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– এইচটিএমএল এর সব element গুলোকে manipulate করার জন্য সিএসএস এর বিভিন্ন selector ব্যবহার করা হয়। id , class, type, attribute ইত্যাদির উপর ভিত্তি করে এইচটিএমএল এলিমেন্টগুলো খোঁজা বা নির্বাচন করার জন্য সিএসএস সিলেক্টর ব্যবহার করা হয়। …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%b8%e0%a6%bf%e0%a6%b2%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%9f%e0%a6%b0-css-selectors/
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%b8%e0%a6%bf%e0%a6%a8%e0%a7%8d%e0%a6%9f%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%95%e0%a7%8d%e0%a6%b8-css-syntax/
সি এস এস পরিচিতি (CSS Introduction)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– মোঃ রফিকুল ইসলাম এই সিএসএস টিউটোরিয়াল এর মাধ্যমে সিএসএস কিভাবে স্টাইল নিয়ন্ত্রণ করে এবং একইসাথে একাধিক ওয়েব পেজ এ ব্যবহার করা যায় সে সম্পর্কে জানতে পারবেন। প্রতি অধ্যায় এ উদাহরণ এই টিউটোরিয়াল এ শত শত …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%aa%e0%a6%b0%e0%a6%bf%e0%a6%9a%e0%a6%bf%e0%a6%a4%e0%a6%bf-css-introduction/
সিএসএস সিন্ট্যাক্স (CSS Syntax)
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– Protap Chandra CSS (সিএসএস) Syntax বা গঠনরীতি সিএসএস স্টেটমেন্ট একটি selector (সিলেক্টর) এবং একটি declaration block (ডিক্লেয়ারেশন ব্লক) নিয়ে গঠিত। নিচের ডায়াগ্রামটি থেকে এ ব্যাপারে পরিষ্কার ধারণা পাবেন: selector (সিলেক্টর) সেই HTML উপাদানের কথা ইঙ্গিত করে …
Continue reading