CSS Course in Bengali, Chapter-1 / Chapter-2
CHAPTER - 1
CSS BASICS
1.1 ভূমিকা : CSS হল একটি Cascading Style Sheet. CSS দ্বারা আমরা বিভিন্ন স্টাইল তৈরি করতে পারি ওয়েব পেজের মধ্যে। এর জন্য আমাদের সর্বপ্রথম html ফাইল এর দরকার হবে। HTML এর Tag, Class, Id ইত্যাদি দিয়ে target (selector) করে CSS ব্যবহার করতে পারি।
1.2 CSS file তৈরি : html এর মত css file তৈরি করতে হবে।
যেমন - style.css
কোনো নামের পরেই .css দিতে হবে।
1.2 পদ্ধতি : প্রথমে html কে selector করে curly bracket {} দিয়ে এর ভিতর property : এবং তার value দিতে হবে।
selector { property : value ; }
p { color : red ; }
এখানে <p> কে target করা হয়েছে। তাই, p হল selector, color হল property এবং এর value হল red. অর্থাৎ, p tag এর text color হবে red.
1.3 Selector :
1.3.1 Tag কে select করার জন্য tag এর নাম দিতে হবে।
যেমন - <p> tag হলে - p{ color : red ;}
<body> tag হলে - body{ color : red ;}
<div> tag হলে - div{ color : red ;} (এভাবে selector করতে হয়)
1.3.2 class কে select করার জন্য .(dot) দিয়ে class এর নাম দিতে হবে।
যেমন - <p class="para"> হলে - .para { color : red ;}
<box class="box1"> হলে - .box1 { color : red ;}
<div class="content"> হলে - .content { color : red ;}
(এভাবে class selector করতে হয়)
1.3.3 id কে select করার জন্য #(haze) দিয়ে id এর নাম দিতে হবে।
যেমন - <p id="para"> হলে - #para { color : red ;}
<button class="btn1"> হলে - #btn1 { color : red ;}
<div class="content"> হলে - #content { color : red ;}
(এভাবে id selector করতে হয়)
1.4 EXAMPLE :
Tag কে নির্দেশ করে---
code:
<html>
<head>
<title> css learn </title>
<style> p{color : red ;} </style>
</head>
<body>
<p> This paragraph color is red. </p>
</body>
</html>
Output :
This paragraph color is red.
Class কে নির্দেশ করে---
code:
<html>
<head>
<title> css learn </title>
<style> .para{color : red ;} </style>
</head>
<body>
<p class="para"> This paragraph color is red. </p>
</body>
</html>
Output :
This paragraph color is red.
id কে নির্দেশ করে---
code:
<html>
<head>
<title> css learn </title>
<style> #para1{color : red ;} </style>
</head>
<body>
<p id="para1"> This paragraph color is red. </p>
</body>
</html>
Output :
This paragraph color is red.
মন্তব্যসমূহ
একটি মন্তব্য পোস্ট করুন