diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:15 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:15 -0500 |
commit | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (patch) | |
tree | d4a40e13ceeb9f85479605110a76e7a4d5f3b56b /files/bn/web/css/index.html | |
parent | 33058f2b292b3a581333bdfb21b8f671898c5060 (diff) | |
download | translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.gz translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.bz2 translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.zip |
initial commit
Diffstat (limited to 'files/bn/web/css/index.html')
-rw-r--r-- | files/bn/web/css/index.html | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/files/bn/web/css/index.html b/files/bn/web/css/index.html new file mode 100644 index 0000000000..f26dd6aaa0 --- /dev/null +++ b/files/bn/web/css/index.html @@ -0,0 +1,73 @@ +--- +title: CSS +slug: Web/CSS +tags: + - CSS + - Design + - Landing + - Layout + - NeedsReview + - Reference +translation_of: Web/CSS +--- +<p><span class="seoSummary"><strong>Cascading Style Sheets</strong>, <strong>CSS</strong>, মূলত <a href="https://developer.mozilla.org/bn-BD/docs/DOM/stylesheet">stylesheet</a> সংক্রান্ত ভাষা যা একটি <a href="https://developer.mozilla.org/bn-BD/docs/HTML" title="The HyperText Mark-up Language">HTML</a></span> or <a href="https://developer.mozilla.org/bn-BD/docs/XML" title="en-US/docs/XML">XML</a> দিয়ে (অনেক ধরনের XML ভাষা সহ যেমন <a href="https://developer.mozilla.org/bn-BD/docs/SVG" title="en-US/docs/SVG">SVG</a> অথবা <a href="https://developer.mozilla.org/bn-BD/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>) লেখা নথির উপস্থাপনায় বাবহারিত হয়ে থাকে ।<span class="seoSummary"> CSS </span>গঠনকৃত উপাদান গুলো পর্দায় , কাগজে, <span class="short_text" id="result_box" lang="bn"><span class="alt-edited hps">বক্তব্য বা অন্য কোন মাধ্যমে </span></span> কিভাবে <span class="short_text" id="result_box" lang="bn"><span class="alt-edited hps">উপস্থাপিত হবে তা ব্যাখ্যা করে থাকে।</span></span></p> + +<p>CSS মুক্ত ওয়েবের একটি কেন্দ্রীয় ভাষা এবং এর <span class="short_text" id="result_box" lang="bn"><span class="hps">প্রমিত</span></span> <a class="external external-icon" href="http://w3.org/Style/CSS/#specs">W3C specification</a> আছে। ধাপে ধাপে <span class="short_text" id="result_box" lang="bn"><span class="alt-edited hps">বিকশিত হবার কারণে</span></span>, CSS1 বর্তমানে অপ্রচলিত , CSS2.1 একটি পরামর্শ স্বরূপ হয়ে গিয়েছে এবং <a href="https://developer.mozilla.org/bn-BD/docs/CSS/CSS3" title="CSS3">CSS3</a>, <span class="short_text" id="result_box" lang="bn"><span class="hps">এখন</span> <span class="hps">ছোট</span> <span class="short_text" id="result_box" lang="bn"><span class="hps">ছোট</span></span> <span class="alt-edited hps">মডিউলে</span> <span class="hps">বিভক্ত</span></span>, যা প্রমিত রূপ লাভের দিকে অগ্রসর হচ্ছে।</p> + +<section id="sect1"> +<ul class="card-grid"> + <li><span>সিএসএস রেফারেন্স</span> + + <p>ওয়েব ডেভেলপারদের জন্য সিএসএস এর প্রতিটি প্রোপার্টি এবং ধারণা আলোচনা করা হয়েছে আমাদের <a href="https://developer.mozilla.org/bn-BD/docs/CSS/CSS_Reference" title="en-US/docs/CSS/CSS_Reference">বিশাল রেফারেন্সে</a>।</p> + </li> + <li><span>সিএসএস টিউটোরিয়াল</span> + <p>সম্পূর্ণ নতুনদের জন্য <a href="https://developer.mozilla.org/bn-BD/docs/CSS/Getting_Started" title="en-US/docs/CSS/Getting_Started">ধারাবাহিক পরিচিতি</a>। এতে সকল প্রয়োজনীয় বিষয়াদি উপস্থাপন করা হয়েছে।</p> + </li> + <li><span>সিএসএস ডেমো</span> + <p>একটি <a href="https://developer.mozilla.org/bn-BD/demos/tag/tech:css3" title="https://developer.mozilla.org/bn-BD/demos/tag/tech:css3">ডেমোর সংগ্রহ</a> যা সর্বশেষ সিএসএস প্রযুক্তির ক্ষমতা প্রদর্শন করে: সৃজনশীলতা বাড়ানোর জন্য দারুন!</p> + </li> +</ul> + +<div class="row topicpage-table"> +<div class="section"> +<h2 class="Documentation" id="Documentation" name="Documentation">ডকুমেন্টেশন এবং টিউটোরিয়াল</h2> + +<dl> + <dt>সিএসএস এর মৌলিক ধারনা</dt> + <dd>এখানে <a href="/bn-BD/docs/CSS/Syntax" title="/bn-BD/docs/CSS/Syntax">সিনট্যাক্স ও ভাষার ধরন</a> এবং <a href="/bn-BD/docs/CSS/Specificity" title="Specificity">স্পেসিফিসিটি</a>, <a href="/bn-BD/docs/CSS/inheritance" title="inheritance">ইনহেরিট্যান্স</a>, <a href="/bn-BD/docs/CSS/box_model" title="Box model">বক্স মডেল</a>, <a href="/bn-BD/docs/CSS/margin_collapsing" title="Margin collapsing">মার্জিন কলাপসিং</a>, <a href="/bn-BD/docs/CSS/Understanding_z-index/The_stacking_context" title="The stacking context">স্ট্যাকিং</a>, <a href="/bn-BD/docs/CSS/block_formatting_context" title="block formatting context">ব্লক ফরম্যাটিং</a> এর ধারনা, বা <a href="/bn-BD/docs/CSS/initial_value" title="initial value">প্রাথমিক</a>, <a href="/bn-BD/docs/CSS/computed_value" title="computed value">কম্পিউটকৃত</a>, <a href="/bn-BD/docs/CSS/used_value" title="used value">ব্যবহারকৃত </a>ও <a href="/bn-BD/docs/CSS/actual_value" title="actual value">আসল</a> মানের সাথে পরিচিত করা হয়েছে। <a href="/bn-BD/docs/CSS/Shorthand_properties" title="CSS/Shorthand_properties">সিএসএস শর্টহ্যান্ড প্রপার্টি সমূহও</a> এখানে বর্ণনা করা হয়েছে।</dd> + <dt><a href="/bn-BD/docs/Web/Guide/CSS" title="/bn-BD/docs/Web/Guide/CSS">সিএসএস ডেভেলপার গাইড</a></dt> + <dd>আপনার কন্টেন্টকে আরও আকর্ষণীয় করে দেখানোর জন্য যেসব সিএসএস কৌশল সমূহ আপনার অবশ্যই শেখা দরকার, এখানে সেগুলো বর্ণনা করা হয়েছে।</dd> + <dt><a href="/bn-BD/docs/Web/CSS/Common_CSS_Questions">সাধারন সিএসএস জিজ্ঞাসা</a></dt> + <dd>সিএসএস নিয়ে সাধারণত জিজ্ঞাসিত প্রশ্ন ও তার উত্তর এই নিবন্ধে দেয়া হয়েছে।</dd> +</dl> + +<h2 class="Tools" id="Tools" name="Tools">সিএসএস এর জন্য টুল সমূহ</h2> + +<ul> + <li><a class="external" href="http://jigsaw.w3.org/css-validator/">W3C এর সিএসএস ভ্যালিডেশন সেবা</a> পরীক্ষা করে দেখে যে যেই সিএসএস টি দেয়া হয়েছে, সেটি ঠিকঠাক আছে কি না বা সিএসএস এর মধ্যে কোন ভুল আছে কি না। এটি একটি অমূল্য ডিবাগিং টুল।</li> + <li>ফায়ারফক্সের <a class="link-https" href="https://addons.mozilla.org/bn-BD/firefox/addon/1843">ফায়ারবাগ এক্সটেনশন</a><span class="external">, ডেভেলপারদের কাছে একটি জনপ্রিয় এক্সটেনশন বা টুল। এটি ব্যবহার করে আপনি একটি পাতার এইচটিএমএল, সিএসএস ও জাভাস্ক্রিপ্ট ব্রাউজারের মধ্যেই অনেক সহজে সম্পাদনা করতে পারবেন।</span></li> + <li><span class="external">ফায়ারফক্সের </span><a class="link-https" href="https://addons.mozilla.org/bn-BD/firefox/addon/60">ওয়েব ডেভেলপার এক্সটেনশন</a>ও লাইভ সাইট সম্পাদনা করার সুবিধা দেয়। এটা সিম্পল কিন্তু ফায়ারবাগের চেয়ে একটু কম সুবিধা দেয়।</li> + <li>ফায়ারফক্সের <a class="external link-https" href="https://addons.mozilla.org/bn-BD/firefox/addon/179">এডিট সিএসএস এক্সটেনশন</a> সাইডবারে সিএসএস এডিট করার সুবিধা প্রদান করে।</li> +</ul> +</div> + +<div class="section"> +<h2 class="Related_Topics" id="News" name="News">খবর</h2> + +<ul> + <li><a href="http://www.w3.org/TR/css-text-decor-3/" title="http://www.w3.org/TR/css-text-decor-3/">সিএসএস টেক্সট-ডেকোরেশন লেভেল ৩</a> <em>Candidate Recommandation</em> অবস্থায় পৌছেছে। এর অর্থ হচ্ছে <code>text-decoration-*</code> ও <code>text-emphasis-*</code> প্রপার্টি দুটো খুব দ্রুত ব্যবহারোপযোগী হবে। আমাদের অনেক পরিচিত {{cssxref("text-shadow")}}ও এখানে বর্ণনা করা হয়েছে। (১লা আগস্ট<em>, ২০১৩)</em></li> + <li>গেকো এখন {{cssxref("background-origin")}}<code>: local</code> সমর্থন করে। ফায়ারফক্স ২৫ এর পর থেকে (নাইটলিতে ইতোমধ্যে চলে এসেছে) এটা ব্যবহারযোগ্য হবে। <em>(২৫ জুলাই, ২০১৩)</em></li> + <li><a href="http://www.w3.org/TR/pointerevents/" title="http://www.w3.org/TR/pointerevents/">পয়েন্টার ইভেন্ট সমূহ</a> <em>Candidate Recommandation</em> অবস্থায় পৌছেছে। তার মানে<code> touch-action </code>ও খুব দ্রুত ব্যবহারোপযোগী হবে। বর্তমানে এটা শুধু ইন্টারনেট এক্সপ্লোরার ১০ এ যুক্ত করা হয়েছে। তবে এটা ব্যবহার করার জন্য <code>-ms-</code> প্রেফিক্স ব্যবহার করতে হবে। <em>(৬ মে, ২০১৩)</em></li> + <li>গেকোর <a href="/bn-BD/docs/CSS/Tutorials/Using_CSS_flexible_boxes" title="/bn-BD/docs/CSS/Tutorials/Using_CSS_flexible_boxes"><em>flexible boxes</em></a> সমর্থন সাম্প্রতিক একটি বৈশিষ্ট্যের সাথে সামঞ্জস্য স্পষ্ট করার জন্য অনুমোদিত হয়েছেঃ ফায়ারফক্স ২৩ থেকে {{cssxref("::before")}} ও {{cssxref("::after")}} ফ্লেক্সের উপকরণ হবে, এবং {{cssxref("order")}} ও {{cssxref("align-self")}} ব্যবহার করে পুনর্বিন্যাস করা যাবে। <em>(৩ মে, ২০১৩)</em></li> +</ul> + +<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">সংশ্লিষ্ট বিষয়াবলী</h2> + +<ul> + <li>মজিলার <a href="/bn-BD/learn/css" title="https://developer.mozilla.org/bn-BD/learn/css">সিএসএস শেখার রিসোর্স সমূহ</a>।</li> + <li>মুক্ত ওয়েবের ভাষা, যেগুলোতে প্রায়ই সিএসএস প্রয়োগ করা হয়ঃ <a href="/bn-BD/docs/HTML" title="en-US/docs/HTML">HTML</a>, <a href="/bn-BD/docs/SVG" title="SVG">SVG</a>, <a href="/bn-BD/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>, <a href="/bn-BD/docs/XML" title="en-US/docs/XML">XML</a>।</li> + <li>মজিলার প্রযুক্তি সমূহ, যেগুলোতে অনেক বেশি সিএসএস বাবহৃত হয়ঃ <a href="/bn-BD/docs/XUL" title="en-US/docs/XUL">XUL</a>, ফায়ারফক্স ও থান্ডারবার্ড <a href="/bn-BD/docs/Extensions" title="en-US/docs/Extensions">এক্সটেনশন সমূহ</a> এবং <a href="/bn-BD/docs/Themes" title="en-US/docs/Themes">থিম সমূহ</a>।</li> +</ul> +</div> +</div> +</section> |