CSS-এ টেক্সটের বোল্ডনেস

এই পাঠে আমরা font-weight বৈশিষ্ট্যটি শিখব, যা টেক্সটকে বোল্ড করতে বা বিপরীতভাবে, বোল্ডনেস সরাতে সক্ষম করে (উদাহরণস্বরূপ, শিরোনামগুলির জন্য, যা ডিফল্টরূপে বোল্ড থাকে)। টেক্সটকে বোল্ড করতে, bold মান নির্দিষ্ট করতে হবে, এবং বোল্ডনেস সরাতে - normal মান নির্দিষ্ট করতে হবে।

এই বৈশিষ্ট্যটি b ট্যাগের মতোই কাজ করে, যা আমরা ইতিমধ্যে শিখেছি। পার্থক্য হল CSS এর মাধ্যমে বোল্ডনেস নিয়ন্ত্রণ করা অনেক বেশি সুবিধাজনক - উদাহরণস্বরূপ, সমস্ত অনুচ্ছেদকে বোল্ড এবং সমস্ত শিরোনামকে নন-বোল্ড করা সম্ভব, CSS ফাইলে মাত্র কয়েকটি এন্ট্রি তৈরি করে।

যদি আমি b ট্যাগ ব্যবহার করে বোল্ড করতাম - আমাকে প্রতিটি অনুচ্ছেদের বিষয়বস্তু এই ট্যাগে মোড়াতে হত, এবং এটি সময়ের দিক থেকে খুবই ব্যয়বহুল হত (এবং যদি আমি পরে অনুচ্ছেদগুলির বোল্ডনেস সরাতে চাই - আমাকে এই সমস্ত ট্যাগ সরাতে হবে, ভাবুন, এটা কতটা অতিরিক্ত, অনর্থক কাজ হবে)।

নিম্নলিখিত উদাহরণে আমরা সমস্ত অনুচ্ছেদকে বোল্ড করব, এবং সমস্ত h2 শিরোনামকে - নন-বোল্ড করব:

<h2>Title</h2>
<p>
	This is a paragraph with text.
</p>

h2 {
	font-weight: normal;
}
p {
	font-weight: bold;
}

নিম্নলিখিত HTML কোডটি আপনার পৃষ্ঠায় কপি করুন:

<table border="1">
	<tr>
		<th>Name</th>
		<th>Surname</th>
		<th>Salary</th>
	</tr>
	<tr>
		<td>John</td>
		<td>Smith</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Nick</td>
		<td>Mayers</td>
		<td>300$</td>
	</tr>
	<tr>
		<td>Alex</td>
		<td>Jonson</td>
		<td>400$</td>
	</tr>
</table>

টেবিলের প্রস্থ 500px সেট করুন, এবং উচ্চতা 300px সেট করুন। td সেলগুলি বোল্ড এবং কেন্দ্রে করুন, এবং th সেলগুলি - নন-বোল্ড করুন।