সি এস এস (CSS) ক্লাশ- ২
সি এস এস এর দ্বিতীয় যাত্রায় আপানাকে
স্বাগতম। গত পর্বে আমরা সি এস এস সম্বন্ধে জেনেছি। আজ সরাসরি এস কোডিং
ভিউটা দেখব শুধু মাত্র সি এস এস কে চেনার জন্য মানে সি এস এস এর কোডিং
স্টাইলটা কেমন এটা জানব আজকে। অন্যান্য ল্যাংগুয়েজ এর মত সি এস এস এর কোডিং
টা সাধারণত Notepad বা Dreamweaver এ করা যায়। সি এস এস সাধারণভাবে এইচ টি
এম এল এর <head> ট্যাগ </head> এর মধ্যে <style> ট্যাগ
</style> দিয়ে লিখতে হয়। যেমন
<html>
<title> We Use CSS </title>
<head>
<style>
h1{color:red;text-align:center;}
p{color:green;text-align:center;}
</style>
</head>
<body>
<h1> Amar First CSS die Heading Lekha</h1>
<p>Amra CSS Bebohar Kore Paragraph Likhsi :P</p>
</body>
</html>
মজা না। :D
উপরে আমরা CSS এর যে কোডিংটা দেখলাম এটা HTML ফাইল এর ভিতরে করা আর এটাকেই বলে Internal CSS।
*** আমরা মনে রাখব যে Internal CSS এ <style> ট্যাগের পর HTML এর যে ট্যাগকে স্টাইল করব সেটা লিখতে হবে (h1 বা p) তারপর Second Bracket ({) এর মধ্যে CSS কোডিং করতে হবে এবং কোডিং এর মাঝে Colon (:) ও Semicolon (;)সঠিকভাবে ব্যবহার করতে হবে তা না হলে CSS এর Style প্রদর্শন করবে না। আর শেষে </style> দিয়ে শেষ করব। ****
পরবর্তী ক্লাশে উদাহরণসহ External CSS এর প্রদর্শন দেখব।
<html>
<title> We Use CSS </title>
<head>
<style>
h1{color:red;text-align:center;}
p{color:green;text-align:center;}
</style>
</head>
<body>
<h1> Amar First CSS die Heading Lekha</h1>
<p>Amra CSS Bebohar Kore Paragraph Likhsi :P</p>
</body>
</html>
মজা না। :D
উপরে আমরা CSS এর যে কোডিংটা দেখলাম এটা HTML ফাইল এর ভিতরে করা আর এটাকেই বলে Internal CSS।
*** আমরা মনে রাখব যে Internal CSS এ <style> ট্যাগের পর HTML এর যে ট্যাগকে স্টাইল করব সেটা লিখতে হবে (h1 বা p) তারপর Second Bracket ({) এর মধ্যে CSS কোডিং করতে হবে এবং কোডিং এর মাঝে Colon (:) ও Semicolon (;)সঠিকভাবে ব্যবহার করতে হবে তা না হলে CSS এর Style প্রদর্শন করবে না। আর শেষে </style> দিয়ে শেষ করব। ****
পরবর্তী ক্লাশে উদাহরণসহ External CSS এর প্রদর্শন দেখব।
No comments:
Post a Comment
Thanks for ur comments