css_part5
একাধিক Sector এ Class তৈরী
উপরের প্রোগ্রামে আমরা <p> ট্যাগে red ও green নামে ২টি Class তৈরী করেছিলাম।
এখন আমরা head ট্যাগে blue ও magenta নামে ২টি Class
তৈরী করে আগের ফাইলে ব্যবহার করে দেখবো। এখানে
প্রথমে ২টি হেডিংএ blue ও magenta
নামের Class সংযোজন করা হয়েছে কিন্তু শেষের হেডিং এ ডিফল্ট h1ভ্যালু রয়েছে।
নিচের মত কোডিংসহ আরও একটি HTML ফাইল তৈরী করুন।
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {background-color:PowderBlue;}
p.red
{color:red;font-size:20px;}
p.green {color:green;font-size:25px;}
h1.blue {color:blue;text-align:center;}
h1.magenta
{color:magenta;text-align:center;}
</style>
</head>
<body>
This is Normal body text.
<p class="red"> This is
First para</p>
<h1 class="blue">Word
Processor</h1>
Microsoft Word is a word processing
program.
It is use to Write application, News
Letter,
Writting Pad, etc.
<p class="green"> This is
Second para</p>
<h1 class="magenta">Spread
Sheet</h1>
Microsoft Excel is a Spread Sheet program.
Its devided by Row and Column. You can make
chart using Excel.
<p> This is Third para</p>
<h1> Database</h1>
Microsoft Access is a Spread Database
Managementprogram. It is use to create and
analise table and database.
</body> </html>
ব্রাউজার দিয়ে
খুললে নিচের মত ফলাফল পাওয়া যাবে।
Global Class ডিক্লারেশন
আমরা এতক্ষণ <p> ও
<h1> ট্যাগের জন্য Class তৈরী করেছি ।
এভাবে নির্দিষ্ট সিলেক্টরের জন্য Class নির্ধারণ করে, সবার জন্য উমুক্ত Class তৈরী করা যাবে। যা কিনা যে কোন Sector এ স্বাধীন ভাবে ব্যবহার করা যাবে । নিচের প্রোগ্রামে আগের ৪টি Class
কে আমরা স্বাধীন করে দিয়েছি এবং বিভিন্ন Sector এর সাথে ব্যবহার উপযোগী করেছি। এটি তৈরীর জন্য <p>,
<h1> বা যে কোন Sector
বাদে শুধুমাত্র ডট (.)চিহ্ন দিয়ে Class শুরু করতে হবে এবং HTML অংশে যে কোন ট্যাগের সাথে ব্যবহার করা যাবে।
নিচের মত কোডিংসহ আরও একটি HTML ফাইল তৈরী করুন।
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {background-color:PowderBlue;}
.red
{color:red;font-size:20px;}
.green {color:green;font-size:25px;}
.blue {color:blue;text-align:center;}
.magenta {color:magenta;text-align:center;}
</style>
</head>
<body>
This is Normal body text.
<p class="blue"> This is
First para</p>
<h1 class="red">Word
Processor</h1>
Microsoft Word is a word processing
program.
It is use to Write application, News
Letter,
Writting Pad, etc.
<p class="green"> This is
Second para</p>
<h1 class="green">Spread
Sheet</h1>
Microsoft Excel is a Spread Sheet program.
Its devided by Row and Column. You can make
chart using Excel.
<p class="magenta"> This is
Third para</p>
<h1 class="blue">
Database</h1>
Microsoft Access is a Spread Database
Managementprogram. It is use to create and
analise table and database.
</body>
</html>
ব্রাউজার দিয়ে
খুললে নিচের মত ফলাফল পাওয়া যাবে।
বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
The
writer of this book has told that he has written this book with the
concept of "teach yourself". On the other hand, Web Design is a thing which is
interesting to learn. He has also told that the book is full of fan and
enjoyment so that a person can learn Web Design by himself by playing with
the example projects of this book. Book's CD Link below...
Next_