blob: bafa4f6776599a99b2a0e3528057565e5ad00eb6 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
---
title: যেভাবে শুরু করবেন (CSS টিউটোরিয়াল)
slug: Web/CSS/Getting_Started
translation_of: Learn/CSS/First_steps
translation_of_original: Web/Guide/CSS/Getting_started
---
<p>সম্পূর্ণ নতুনদের জন্য লেখা এই CSS টিউটোরিয়াল আপনাকে <a href="/bn-BD/docs/CSS" title="/bn-BD/docs/CSS">Cascading Style Sheets</a> (<em>ক্যাসকেডিং স্টাইল শিট</em> বা CSS) এর সঙ্গে পরিচয় করিয়ে দেবে। এই গাইডটি ভাষাটির খুবই সাধারণ ফিচারগুলো সাথে উদাহরণসহ আপনাকে পরিচয় করিয়ে দেবে, যা আপনি নিজের ব্রাউজারে ঘরে বসেই চালিয়ে দেখতে পারবেন। এর ফলে আধুনিক ব্রাউজারগুলোতে CSS এর সাধারণ বিষয়গুলো আপনি সহজেই বুঝতে পারবেন।</p>
<p>CSS এ নতুন, এমন পাঠকদের জন্যই এই টিউটোরিয়াল লেখা হয়েছে, যদি আপনার CSS এর কিছু অতি সাধারণ বিষয় জানাশোনা তারপরেও আপনি এটি ব্যবহার করতে পারবেন। আপনি যদি CSS এ অভিজ্ঞ হয়ে থাকেন, তবে এই টিউটোরিয়ালটি আপনার বিশেষ একটা উপকার করতে পারবে না, CSS এর মূল পৃষ্ঠায় আরও এ্যাডভান্সড বিষয়ের <a href="/bn-BD/docs/CSS" title="/bn-BD/docs/CSS">তালিকা</a> রয়েছে।</p>
<nav class="fancyTOC">
<a class="button" href="/bn-BD/docs/CSS/Getting_Started/What_is_CSS" rel="next" title="Chapter 'What is CSS' of the CSS tutorial">CSS কি</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Why_use_CSS" title="Chapter 'Why use CSS' of the CSS tutorial">কেন CSS</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/How_CSS_works" title="Chapter 'How CSS works' of the CSS tutorial">CSS যেভাবে কাজ করে</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Cascading_and_inheritance" style="font-size: 19px;" title="Chapter 'Cascading and inheritance' of the CSS tutorial">ক্যাসকেডিং এবং ইনহেরিটেন্স</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Selectors" title="Chapter 'Selectors' of the CSS tutorial">সিলেক্টর</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Readable_CSS" title="Chapter 'Readable_CSS' of the CSS tutorial">সহজে পড়ার উপযোগী CSS</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Text_styles" title="Chapter 'Text_styles' of the CSS tutorial">লেখার স্টাইল</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Color" title="Chapter 'Color' of the CSS tutorial">রং</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Contbn-BDt" title="Chapter 'Contbn-BDt' of the CSS tutorial">কন্টেন্ট </a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Lists" title="Chapter 'Lists' of the CSS tutorial">লিস্ট (তালিকা)</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Boxes" title="Chapter 'Boxes' of the CSS tutorial">বক্স (বাক্স)</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Layout" title="Chapter 'Layout' of the CSS tutorial">লেআউট</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Tables" title="Chapter 'Tables' of the CSS tutorial">টেবিল</a> <a class="button" href="/bn-BD/docs/CSS/Getting_Started/Media" title="Chapter 'Media' of the CSS tutorial">মিডিয়া</a></nav>
<h3 id="শুরু_করার_পূর্বে_আপনার_কি_করা_প্রয়োজন">শুরু করার পূর্বে আপনার কি করা প্রয়োজন?</h3>
<p>এই টিউটোরিয়ালটি ভালোভাবে অনুসরণ করতে চাইলে আপনার প্রয়োজন একটি টেক্সট এডিটর এবং একটি আধুনিক ব্রাউজার। কি করে এগুলো ব্যবহার করতে হয় - এ সংক্রান্ত বেসিক জানাশোনা থাকা ভালো।</p>
<p>আপনি যদি ফাইল নিয়ে ঘাঁটাঘাঁটি না করতে চান, তবে আপনি পুরো টিউটোরিয়ালটি শুধু পড়ে যেতে পারেন, এবং ছবিগুলোর দিকে চোখ বুলিয়ে যেতে পারেন, কিন্তু এ পদ্ধতিটি খুব একটা কার্যকর বা ভালো পদ্ধতি নয় বলে আমরা মনে করি।</p>
<p><strong>উল্লেখ্য: </strong>CSS এর সাহায্যে রং নিয়ে কাজ করা যায়, তাই এই টিউটোরিয়ালের কিছু অংশ রংয়ের ওপর নির্ভরশীল। আপনি এই অংশগুলো সহজেই কাজে লাগাতে পারবেন যদি আপনার একটি রঙিন মনিটর বা ডিসপ্লের পাশাপাশি স্বাভাবিক রং দেখায় কোন শারীরিক সমস্যা না থাকে।</p>
<h3 id="যেভাবে_টিউটোরিয়ালটি_ব্যবহার_করবেন">যেভাবে টিউটোরিয়ালটি ব্যবহার করবেন</h3>
<p>এই টিউটোরিয়ালটি ব্যবহারের জন্য প্রতিটা পৃষ্ঠা ভালোভাবে এবং ধারাবাহিকভাবে পড়ুন। যদি আপনি একটি পৃষ্ঠা বাদ দিয়ে ফেলেন, তাহলে পরবর্তী পৃষ্ঠাগুলো বোঝা আপনার জন্য অনেকটা কঠিন হতে পারে।</p>
<p>সিএসএস কিভাবে কাজ করে বোঝার জন্য প্রতিটি পৃষ্ঠার "<em>তথ্যাবলী</em>" অংশটি ভালো করে পড়ুন। "<em>হাতে-কলমে</em>" অংশগুলো পড়ে আপনার নিজের কম্পিউটারে CSS ব্যবহারের চেষ্টা করে দেখুন।</p>
<p>আপনি কতটুকু বুঝতে পেরেছেন, তা যাচাই করতে প্রতিটি পৃষ্ঠার শেষে থাকা "চ্যালেঞ্জ" গ্রহণ করুন। চ্যালেঞ্জের সমাধান কিন্তু চ্যানলেঞ্জের নিচেই লিংকের মাধ্যমে দেওয়া আছে, তাই ওগুলো খুব বেশি প্রয়োজন হলে না দেখাই ভালো! নিজে নিজে অবশ্যই চেষ্টা করতে হবে এবং যদি ব্যর্থ হন বারবার, তবে সামান্য একটু উঁকি মেরে দেখা দোষের কিছু না!</p>
<p>CSS আরও গভীরভাবে বুঝতে চাইলে "অতিরিক্ত তথ্য" লেখা বাক্সগুলোর তথ্য পড়ুন। লিংকগুলোর সাহায্যে CSS সংক্রান্ত আরও অনেক রেফারেন্স তথ্য খুঁজে বের করতে পারবেন।</p>
<h2 id="টিউটোরিয়াল_২য়_পর্ব">টিউটোরিয়াল ২য় পর্ব</h2>
<p>এই টিউটোরিয়ালের দ্বিতীয় পর্বে অন্যান্য ওয়েব ও মোজিলা প্রযুক্তির সাথে CSS ব্যবহারের কথা আলোচনা করা হয়েছে।</p>
<ol>
<li><strong><a href="/bn-BD/CSS/Getting_Started/JavaScript" title="bn-BD/CSS/Getting_Started/JavaScript">JavaScript (জাভাস্ক্রিপ্ট)</a></strong></li>
<li><strong><a href="/bn-BD/CSS/Getting_Started/SVG_graphics" title="bn-BD/CSS/Getting_Started/SVG_graphics">SVG গ্রাফিক্স</a></strong></li>
<li><strong><a href="/bn-BD/CSS/Getting_Started/XML_data" title="bn-BD/CSS/Getting_Started/XML_data">XML ডাটা</a></strong></li>
<li><strong><a href="/bn-BD/CSS/Getting_Started/XBL_bindings" title="bn-BD/CSS/Getting_Started/XBL_bindings">XBL বাইন্ডিং</a></strong></li>
<li><strong><a href="/bn-BD/CSS/Getting_Started/XUL_user_interfaces" title="bn-BD/CSS/Getting_Started/XUL_user_interfaces">XUL ইউজার ইন্টারফেস</a></strong></li>
</ol>
|
