CSS টিউটরিয়াল (প্রাথমিক ধারণা ও সহজ একটি প্রজেক্ট)

14 Comments / সিএসএস (CSS) / By admin

ধাপে ধাপে সিএসএস টিউটরিয়াল শেখার প্রথম ক্লাসে সবাইকে স্বাগতম। এইচটিএমএল টিউটরিয়ালের পর এবার সবাইকে নিয়ে বসলাম সিএসএস (CSS) ক্লাসে। কলেজে পড়ার সময় দু’একটা টিউশনি করার মাধ্যমে যে শিক্ষকতা শুরু করেছিলাম তার অভ্যাস না ছাড়তে পারার কারনেই হয়তো টিউটরিয়ালবিডিতে লিখছি। তবে যে কথাটা সবাইকে বলতে চাই তা হলো-HTML এর উপর অসিম যে টিউটরিয়াল লিখেছেন তাতে সবাই অংশগ্রহন ছাড়া (বা HTMLজ্ঞান ছাড়া) এই টিউটরিয়াল বুঝতে পারবেন না। তাই এক পলকে দেখে নেই সেই টিউটরিয়ালগুলো।

“ছবিটিতে HTML কে কেক আর CSS কে ক্রিমের সাথে তুলনা করা হয়েছে”

HTMLপর্ব- এক: আমার প্রথম ওয়েব সাইট (প্রাথমিক ধারণা)
HTMLপর্ব- দুই: রঙের ব্যবহার
HTMLপর্ব- তিন: ব্যাকগ্রাউন্ড এ রঙের ব্যবহার
HTMLপর্ব- চার: প্যারাগ্রাফ এর ব্যবহার ও সুবিধা-১
HTMLপর্ব-পাঁচ: প্যারাগ্রাফ এর ব্যবহার ও সুবিধা-২
HTML পর্ব-৬ HTML এ Font ট্যাগের ব্যবহার

CSS কি এবং কেন?

সিএসএস বলতে বুঝায় Cascading Style Sheets
HTML কোড গুলো কিভাবে (ডিজাইনে) প্রকাশিত হবে তাই প্রকাশ করে
HTML এর সাথে CSS কোড যুক্ত হয়ে প্রকাশিত হয়।
CSS এর কোড গুলো আলাদাভাবে আলাদা ফাইলেও রাখা যায় যা HTML এ কল করে সংযুক্ত করা যায়।
CSS এর মাধ্যমে কোড লিখতে সবচেয়ে বড় যে সুবিধা পাওয়া যায় তা হলো বার বার একই কোড লিখতে হয় না।

দেখুন ছোট একটি সিএসএস ও HTML প্রজেক্ট

<html>
<head>
<style type="text/css">
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>
<body>
<h1>CSS example!</h1>
<p>This is a paragraph.</p>
</body>
</html>


আউটপুট