About 2 months ago 52 Views

Verified User
*
ahmednazir
আমার সাইটে ভিজিট করার জন্য ধন্যবাদ। দয়া করে পোস্ট গুলো ভালো লাইক শেয়ার করতে ভুলবেন না।
Home » C programming » ইন্টারনাল সিএসএস টিউটোরিয়াল।

সিএসএস নিয়ে মৌলিক আলোচনা হয়েছে এবার শিখতে হবে কোথায় এবং কিভাবে সিএসএস লিখব।

তিন ভাবে সিএসএস রুল লেখা যায়।

১. ইনলাইন (Inline CSS) : এর আগে এইচটিএমএল টিউটোরিয়ালেগুলিতে অনেক ইনলাইন সিএসএস ব্যবহার করেছি। এইচটিএমএল এলিমেন্টের start tag এর ভিতরই style এট্রিবিউট দিয়ে সিএসএস লেখা যায়।

২. ইন্টারনাল (Internal CSS) : নিচের লাইনগুলিতে বিশেষ আলোচনা দেখুন।

৩. সটার্নাল (External CSS) : নতুন একটা .css এক্সটেনশন দিয়ে ফাইল বানিয়ে সেখানে সিএসএস লেখা হয় আর এইচটিএমএল ফাইলে link ট্যাগ দিয়ে সংযুক্ত করে দিলেই কাজ হয়।

ইন্টারনাল (Internal CSS) :

================================

খুব সহজ। যেকোন এইচটিএমএল ডকুমেন্টে

<head></head> 

এর ভিতর style ট্যাগ ব্যবহার করে ইন্টারনাল সিএসএস লেখা হয়। যেমন

<!DOCTYPE html>
 <html>
<head>
<style>
h1{
   color: #f00;
   background: yellow;
   text-align: center;
}
</style>
</head>
<body>
 
 <h1>Webcoachbd demo heading</h1>
 
 <p>demo content goes here.</p>
 
 </body>
 </html>

ব্যাখ্যা : ৪ থেকে ১০ নম্বর লাইন পর্যন্ত ইন্টারনাল সিএসএস লেখা হয়েছে। সিএসএস কিভাবে লিখতে হয় সেটা এখানে খুব ভালভাবে দেখে নিন। এভাবেই সিএসএস লেখা হয় অর্থ্যাৎ প্রথমে সিলেক্টর (৪ নম্বর লাইনে h1) এরপর দ্বিতীয় বন্ধনীর (curly braces ) মধ্যে একটা একটা করে প্রেপার্টি এবং তার মান দেয়া হয়। যেমন ৬ নম্বর লাইনে color একটা প্রেপার্টি এবং এর মান দিয়েছি #f00 (এটা একটা কালার কোড যেটা লাল রং প্রদর্শন করায়) এভাবে বাকিগুলিও একইরকম।

** প্রোপার্টি এবং এর মানের মাঝে কোলন (:) চিহ্ন দিতে হবে এবং মানের শেষে সেমিকোলন (;) দিতে হবে তা নাহলে কোড কাজ করবেনা।

** ইন্টারনাল সিএসএস ট্যাগের ভিতর লেখাই নিয়ম তবে ডকুমেন্টের অন্য কোথাও দিলেও কাজ করবে (সাধারনত body এলিমেন্টর ভিতরও দেয়া যায়)।

** প্রোপার্টি গুলির মান নির্দিষ্ট থাকে তাই শুধু সেগুলিই ব্যবহার করতে পারবেন। যেমন text-align প্রেপার্টি টির মান ৫ ধরনের হতে পারে “left”, “right”, “center”, “justify”, “inherit”

left দিলে এলিমেন্টের লেখাটি বামে দেখাবে। right দিলে ডানে, justify দিলে দুদিকে সমান করে দেখাবে যেমন পত্রিকার কলামগুলি দেখায়। center দিলে মাঝে এবং inherit দিলে প্যারেন্ট এলিমেন্টের টা প্রয়োগ হবে।

আবার color এর মান শুধু যেকোন বৈধ কালার কোড বা কালারের নামই হতে হবে তবে যেকোন রং হতে পারেন যেমন আমি #foo দিয়েছি আপনি চাইলে #000 (কালো) বা অন্য কোন রং দিতে পারেন এমনকি রংয়ের নামও দেয়া যায় যেমন maroon। যেমন আমি background প্রোপার্টির মান দিয়েছি yellow এভাবে..

Leave a Reply

Related Posts

HTML কী এবং এইচটিএমএল এর ব্যবহার।

Posted By: - 2 months ago - No Comments

এইচটিএমএল (HTML) এর অর্থ হচ্ছে Hyper Text Markup Language. এটা কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়, মার্কআপ ল্যাংগুয়েজ। ওয়েব ডেভেলপার হতে হলে...
এক্সটারনাল সিএসএস টিউটোরিয়াল।

Posted By: - 2 months ago - No Comments

ইন্টারনাল বা ইনলাইন সিএসএস খুব প্রয়োজন ছাড়া লেখা হয়না, লেখা উচিৎ ও নয়। কারন এতে এইচটিএমএল ফাইল দেখতে নোংড়া লাগে...
ইনলাইন সিএসএস টিউটোরিয়াল।

Posted By: - 2 months ago - No Comments

এইচটিএমএল এলিমেন্টে style এট্রিবিউট দিয়ে সিএসএস রুল লেখা যায় এটাই ইনলাইন সিএসএস। এর আগে এইচটিএমএল টিউটোরিয়ালে বেশ কয়েক জায়গায় ইনলাইন...
সিএসএস কি টিউটোরিয়াল।

Posted By: - 2 months ago - No Comments

CSS - Cascading Style Sheets এইচটিএমল ডকুমেন্টের যেকোন এলিমেন্টকে স্টাইলিং বা একটা রুপ দিতে সিএসএস ব্যবহার হয়। যেমন একটা প্যারাগ্রাফঃ...