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- …
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/
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/
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/
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/
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/
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– Md. Mursedul Islam Sumon Web Designer এইচটিএমএল লেআউট (HTML Layouts) বিভিন্ন ওয়েবসাইটে অনেক সময়ই লক্ষ্য করা যায় যে লিখাগুলো কয়েকটি কলামে বিভক্ত করা থাকে। যেমন, ম্যাগাজিন, নিউজপেপার ইত্যাদি। HTML এ <div> tag এর ব্যবহার করে …
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%b2%e0%a7%87%e0%a6%86%e0%a6%89%e0%a6%9f-html-layouts/
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– আজ আমরা জেকোয়েরি দিয়ে ওয়েব পেজ এর উপাদান (HTML Elements) গুলোর CSS property (such as display, font-height) পরিবর্তন করা শিখবো । সাথে সাথে উপাদান গুলোর CSS class পরিবরতন করবো যেমন নতুন css class যোগ করা। লেখাঃ …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%86%e0%a6%9c-%e0%a6%86%e0%a6%ae%e0%a6%b0%e0%a6%be-%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%a6%e0%a6%bf%e0%a7%9f%e0%a7%87-%e0%a6%93%e0%a7%9f%e0%a7%87/
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– জেকুয়্যেরি (jQuery) – গেট ও সেট সিএসএস ক্লাসেস মো: আসাদুজ্জামান ফ্রিল্যান্সার (ওয়েব ডিজাইনার এবং ডেভেলপার) JQuery সঙ্গে, এলিমেন্টের সিএসএস ম্যানিপুলেট সহজ। jQuery ম্যানিপুলেটিং সিএসএস jQuery এর CSS ম্যানিপুলেশন জন্য বিভিন্ন পদ্ধতি আছে। আমরা নিম্নলিখিত …
Permanent link to this article: http://bangla.sitestree.com/jquery-%e0%a6%a6%e0%a6%bf%e0%a7%9f%e0%a7%87-css-class-%e0%a6%8f%e0%a6%b0-%e0%a6%ae%e0%a6%be%e0%a6%a8-%e0%a6%ac%e0%a7%87%e0%a6%b0-%e0%a6%95%e0%a6%b0%e0%a6%be-%e0%a6%8f%e0%a6%ac%e0%a6%82-%e0%a6%85/
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– আগে থেকেই আপনার যা জানা উচিত CSS শেখা শুরু করার আগে আপনার HTML/XHTML সম্পর্কে সাধারণ ধারণা থাকা উচিত। CSS কি * CSS বলতে বুঝায় ক্যাসকেডিং স্টাইল শিটস (Cascading Style Sheets) * এই স্টাইল নির্ধারণ করে HTML …
Permanent link to this article: http://bangla.sitestree.com/css-%e0%a6%aa%e0%a6%b0%e0%a6%bf%e0%a6%9a%e0%a6%bf%e0%a6%a4%e0%a6%bf-css-overview/
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– লেখকঃ মোস্তাফিজুর ফিরোজ । তাই ওয়েবডিজাইনের জন্য CSS কিন্তু অনেক গুরুত্বপুর্ণ । আজ আপনাদের সাথে ওয়েবডিজাইনের অনেক গুরুত্বপুর্ণ ভাষা CSS নিয়ে আলোচনা করবো । CSS কি? CSS কি বলার আগে বলে নেই CSS শিখতে গেলে আপনাকে …
Permanent link to this article: http://bangla.sitestree.com/css-%e0%a6%8f%e0%a6%b0-%e0%a6%ac%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%b8%e0%a6%bf%e0%a6%95-%e0%a6%a7%e0%a6%be%e0%a6%b0%e0%a6%a8%e0%a6%be-%e0%a5%a4-introduction-to-css/
Huge Sell on Popular Electronics Subscribe to Our Youtube Channel –|–Our Online Shop:ShopForSoul–|Get Trained in AI, Big-Data, Data Science– CSS এ দক্ষ হতে হলে কি কি শিখতে হবে? CSS what to Learn? Mostly links to resources. If you can master the topics in all অof these resources, you will be a great one..
Permanent link to this article: http://bangla.sitestree.com/css-%e0%a6%8f-%e0%a6%a6%e0%a6%95%e0%a7%8d%e0%a6%b7-%e0%a6%b9%e0%a6%a4%e0%a7%87-%e0%a6%b9%e0%a6%b2%e0%a7%87-%e0%a6%95%e0%a6%bf-%e0%a6%95%e0%a6%bf-%e0%a6%b6%e0%a6%bf%e0%a6%96%e0%a6%a4%e0%a7%87-2/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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/
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