Tag: সিএসএস

সিএসএস৩ বর্ডার ইমেজ (CSS3 Border Images in Bangla)

সিএসএস৩ border-image প্রোপার্টি সিএসএস৩ border-image প্রোপার্টি দিয়ে একটি এলিমেন্ট এর চারদিকে বর্ডার সেট করতে পারেন।   ব্রাউজার সাপর্ট টেবিলে উল্লেখিত সংখ্যা ব্রাউজার এর প্রথম ভার্সন যা এই প্রোপার্টি সম্পূর্ণভাবে সাপর্ট করে তা বোঝায়। -webkit- বা -moz- দ্বারা প্রথম প্রিফিক্স ভার্সন বুঝায় যা এই প্রোপার্টি সাপর্ট করে। Property           border-image 11.0 16.0 …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/recent-posts/%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)

width, max-width এবং margin: auto এর ব্যবহার   পূর্ববর্তী অধ্যায় এ উল্লেখ করা হয়েছিল যে, block-level এলিমেন্ট সবসময়ই ব্যবহারযোগ্য পূর্ণ প্রসস্থ জায়গা দখল করে (ডানে ও বায়ে যতটা সম্ভব প্রসারিত হয়) block-level এলিমেন্ট এর প্রসস্থতা নির্ধারণ করে দিলে ধারক এর প্রসারিত হওয়া বন্ধ করে দেয়া যেতে পারে। তারপর, আপনি মার্জিন auto হিসেবে সেট করে দিতে …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/recent-posts/css-layout-width-and-max-width/

সিএসএস লেআউট – ইনলাইন-ব্লক (বাংলায়) (CSS Layout – inline-block in bangla)

ইনলাইন-ব্লক মান এখন অনেক কাল পরে বক্স এর গ্রিড তৈরি সম্ভব যা float প্রোপার্টি ব্যবহার করলে ব্রাউজার এর প্রসস্থতা অনুসারে পূর্ণ এবং সুন্দরভাবে ফিট হয়ে যায় (যখন ব্রাউজার এর আকার পরিবর্তন করা হয়)। display প্রোপার্টি এর inline-block মান এটিকে আরও সহজ করেছে। inline-block এলিমেন্ট inline এলিমেন্ট এর মতই, কিন্তু এদের প্রসস্ততা ও উচ্চতা নির্ধারণ করা …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/recent-posts/css-layout-inline-block/

সিএসএস ছদ্ম-এলিমেন্ট বাংলায় (CSS Pseudo-elements in Bangla)

ছদ্ম- এলিমেন্টসমূহ কি কি? একটি CSS এর ছদ্ম-এলিমেন্ট একটি এলিমেন্ট এর সুনির্দিষ্ট অংশের স্টাইল করার জন্য ব্যবহার করা হয়। উদাহরণস্বরূপ, এটি ব্যবহার করা হতে পারে: একটি এলিমেন্ট এর মধ্যকার প্রথম অক্ষর বা লাইন স্টাইল করার জন্য একটি এলিমেন্ট এর উপাদান এর আগে বা পরে উপাদান প্রবেশ করানোর জন্য সিনটেক্স selector::pseudo-element {     property:value; }   …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/recent-posts/css-pseudo-elements/

সিএসএস কিভাবে… (CSS How To…)

যখন একটি ব্রাউজার স্টাইল শীট পরে, এটি স্টাইল শীট এর তথ্য অনুসারে ডকুমেন্টকে ফরমেট করে। সিএসএস প্রবেশ করানোর তিনটি উপায় আছে বহিস্থিত স্টাইল শীট অন্তস্থিত স্টাইল শীট ইনলাইন স্টাইল   বহিস্থিত স্টাইল শীট বহিস্থিত স্টাইল শীট দিয়ে, মাত্র একটি ফাইল পরিবর্তনের মাধ্যমে ওয়েব সাইটের চেহারা পরিবর্তন করে ফেলতে পারবেন। প্রতিটি পেজের <link> এলিমেন্ট এর মধ্যে অবশ্যই …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/recent-posts/%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

Permanent link to this article: http://bangla.salearningschool.com/recent-posts/%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/

জেকোয়েরি মোবাইল সিএসএস ক্লাসের ব্যবহার

This entry is part 30 of 33 in the series jQuery Mobile । জেকুএরি মোবাইল

জেকোয়েরি মোবাইল সিএসএস ক্লাসের ব্যবহার । লেখকঃ মোস্তাফিজুর ফিরোজ । মেইলঃ me@firoz.me ওয়েবসাইটঃ www.firoz.me কি খবর ? কেমন আছেন সবাই? আজকে একটু ঠাণ্ডা বেশি, তাই সবাই মনে হয় লেপের ভিতর থেকে ভালোই আছেন । আজ আমি আপনাদেরকে জেকোয়েরি মোবাইল সিএসএস ক্লাসের ব্যবহার শিখাবো । jQuery CSS Classes জেকোয়েরি মোবাইল তার উপাদান সমূহকে বিভিন্ন ভাবে ডিজাইন …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/recent-posts/%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/

আজ আমি সিএসএস বিষয়ে কিছু ধারণা দেব।

1.সিএসএস ওয়েব ডিজাইনের ক্ষেত্রে একটি গুরুত্বপূর্ণ বিষয়।ভালমানের একটি ওয়েব সাইট বানাতে হলে সিএসএস জানা দরকার।আজ আমি অপনাদের সিএসএস বিষয়ে কিছু ধারণা দেব। সিএসএস টেবিলঃ- table { border-collapse:collapse; } table,th, td { border: 1px solid black; } সিএসএস ব্যাকগ্রাউন্ডঃ- 1. body {background-color:#b0c4de;} 2. h1 {background-color:#6495ed;} p {background-color:#e0ffff;} div {background-color:#b0c4de;} 3. body {background-image:url(“paper.gif”);} 4. body { background-image:url(“img_tree.png”); …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/recent-posts/%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.

লেখকঃ মোঃমিনহাজুল ইসলাম সিএসএস হলো Cascading Style Sheets. । সিএসএস ফাইল সেভ করতে হয় .css দিয়ে। সিএসএস ব্যবহার করা হয় এইচটিএমএল পেজটে কে আরও দৃষ্টিনন্দন করা জন্য। সিএসএস ৩ দরনে হয়। ১) ইন্টারনাল সিএসএস । ২) এক্সটার্নাল সিএসএস । ৩) ইনলাইন সিএসএস । ইন্টারনাল সিএসএসঃ যেকোন এইচটিএমএল ডকুমেন্টে <head></head> এর ভিতর style ট্যাগ ব্যবহার করে …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/recent-posts/%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)

This entry is part 13 of 42 in the series এইচ টি এম এল

শরিফুল ইসলাম 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>   সিএসএস দ্বারা এইচটিএমএল কে স্টাইল করা সিএসএস(css) এর পূর্ণ নাম হল Cascading Style Sheets । তিনভাবে স্টাইল কে এইচটিএমএল এর সাথে যুক্ত …

Continue reading »

Permanent link to this article: http://bangla.salearningschool.com/recent-posts/%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/