সহজ বাংলায় সি এস এস / C S S (CASCADING STYLE SHEET ) শিখুন না হলে পস্তান : পর্ব- ৩

27
521
“বিসমিল্লাহির রাহমানির রাহিম”

আজ আবার আসে পরলাম আপনাদের বিরক্ত করতে । আজ আমি আপনাদের কাছে নিয়ে আসলাম সি এস এস  এর ৩য় পার্ট/পর্ব  । আমি আসা করবো আপানার আমার  সহজ বাংলায় সি এস এস  শিখুন প্রথম এবং দ্বিতীয় পার্ট/পর্ব ইতিমধ্য পড়ে ফেলেছেন । যদি কেউ ভুলবশত মিস করে থাকেন তাহলে এখনিই দেখে নিন । আর দেরি করবেন না দেরি করলেই মিস ।তাহলে দেখে নিন ………

সহজ বাংলায় সি এস এস /  C S S (CASCADING STYLE SHEET ) শিখুন না হলে পস্তান : পর্ব- ৩                                                                                                      

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

                                                                                                       সহজ বাংলায় সি এস এস /CSS শিখুন -পর্ব ১

                                                                                                         সহজ বাংলায় সি এস এস /CSS শিখুন -পর্ব ২

আসুন এই বার ৩য় পার্ট/পর্ব শুরু করা যাক । ৩য় পর্ব শুরু করার আগে আপনাদের কাছে একটি ছোট অনুরোধ । আশা করি রাখবেন যদি আপনাদের কোন স্থানে বুজতে সমস্যা হয় তাহলে একটু কষ্ট করে আমাকে জানাবেন কি বুজতে পারছেন না :) :) …………………… তাহলে শুরু করা যাক  :) :P :D 

:) :) ইন্টারনাল স্টাইল শিট (INTERNAL STYLE SHEE) :) :)

খন কোন ডকুমেন্টে একটি ইউনিক স্টাইল থাকে তখন ইন্টারনাল স্টাইল শিট ব্যবহার করা উচিত । হেড  (head) সেকশনে স্টাইল<style>ট্যাগ ব্যবহার করে স্টাইল শিট নির্ধারণ করতে হবে।চলুন একটি উদাহরণের মাধ্যমে বিষয় টি পরিষ্কার হয়ই ।নিচে দেখুনঃ

:) নোড প্যাড খুলুন

:) কোড গুলো লিখুন

<html>

<head>

<style type=”text/css”>

h1 {color: green}

h2 {color: gold}

</style>

</head>

<body>

<h1> this is header 1 </h>

<h2>this is header2 </h>

</body>

</html>

:) ফাইলটি আপনার নিজস্ব একটি নাম দিয়ে সেভ করুন অবশ্যই মনে রাখবেন নামের শেষে অবশ্যই .html লিখবেন ।

:) এই বার ফাইলটি খুলুন । নিচের মত ফলাফল দেখতে পারবেন । এই খানে হেড ১ (green)এবং দ্বিতিয় হেডার (gold) হবে ।

সহজ বাংলায় সি এস এস /  C S S (CASCADING STYLE SHEET ) শিখুন না হলে পস্তান : পর্ব- ৩

:) :) ইনলাইন স্টাইল :) :)

যখন এলিমেন্টএর সিঙ্গেল অকারেন্সে কোন ইউনিক স্টাইল প্রয়োগ করতে হয় তখন ইনলাইন স্টাইল ব্যবহার করা হয়। ইনলাইন স্টাইল প্রয়োগের জন্য সংশ্লিষ্ট ট্যাগে অ্যাট্রিবিউট ব্যবহার করা হয়। স্টাইল অ্যাট্রিবিউট যে কোন সি এস এস প্রোপার্টি বহন  করতে পারে ।আসুন ব্যবহার দেখিঃ

  :) নোড প্যাড খুলুন

:) নিচের কোড গুলো লিখুন

<html>

<body>

<p style=”color: red; margin-left: 40px; font-size: 50px;”>

tuner page/The Ultimate Path Of The Bangla Technology

</p>

</body>

</html>

:) এই বার আপনার নিজস্ব একটি নামে সেভ করুন ।

:) যে কোন ব্রাউজারে ফাইলটি ওপেন করুন । প্যারাগ্রাফটি লাল রঙে বাম মার্জিন থেকে ২০ পিক্সেল দুরে সরে ৩০ পিক্সেল ফন্ট সাইজে প্রদর্শিত হবে ।এই বার দেখুন নিচের মত দেখাবেঃ

 সহজ বাংলায় সি এস এস /  C S S (CASCADING STYLE SHEET ) শিখুন না হলে পস্তান : পর্ব- ৩

 :):) মাল্টিপল  স্টাইল শিট:) :)     

যদি ভিন্ন ভিন্ন স্টাইল শিটে একই সিলেক্টরের জন্য কিছু প্রোপার্টি সেট করা হয় তাহলে ভ্যালুটি সবচাইতে নিদিষ্ট কৃত স্টাইল শিট হতে ইনহেরিট হয় ।এখানে h3 সিলেক্টর জন্য এক্সটারনাল স্টাইল  শিটে তিনটি প্রোপার্টিজ রয়েছে । আসুন দেখি ঃ

:) নিচের মত করে কোড লিখুন =

h3

{

color:red ;

text-alian:left ;

font-size: 8pt

}

:) এই বার ফাইলটি সেভ করুন আগের মত করে :)

:) এই বার HTML কোড লিখুন=

<html>

<head>

<link rel =”stylesheet” type text=”text/css” href=”b.css”/>

<style type=”text/css”>

h3

{

color:blue;

text-align: center;

font-size:50px;

}

</style>

</head>

<body>

<h3>tal patar sipahi </h3>

</body>

</html>

:) এই বার যে কোন ব্রাউজারে ফাইলটি ওপেন করুন ।

  :)দেখুন নিচের মত করে ফলাফল দেখা যাচ্ছে কিনা ?

সহজ বাংলায় সি এস এস /  C S S (CASCADING STYLE SHEET ) শিখুন না হলে পস্তান : পর্ব- ৩

  :)কি হল বুজলেন নাতো এই তো বুঝিয়ে দিচ্ছি আমি প্রথমে একটি সি সি এস ফাইল তৈরি করলাম তারপর তাহা সেভ করলাম একটি নিদিষ্ট নামে ।এবং পরবর্তীতে এইচ টি এম এল ফাইল লিখলাম সেখানে আবার সি এস এস ফাইল লিখলাম । এটি লিখার কারনে বুজতেপারলাম যে সি এস এস আলাদা ফাইল থেকে এইচ টি এম এলের মাঝের ফাইলটি আগে গ্রহণযোগ্য হয়ে থাকে ।

আজ এই পর্যন্তই আবার দেখা হবে আগামি পর্বে নতুন কিছু নিয়ে । যাবার আগে আপনাদের একটি ফ্রী উপদেশ দিয়ে যাই তা হল নিজে শিখুন এবং অন্য কে শিখতে সহয়তা করুন । :) :) :) :) :) :) :)

সহজ বাংলায় সি এস এস /  C S S (CASCADING STYLE SHEET ) শিখুন না হলে পস্তান : পর্ব- ৩

+*+*+*+*+*+*+*+*+*হাহাহহাহহাহহাহহাহাহহাহহাহহাহাহহাহাহহাহহাহাহাহহাহাহাহহা+**+*+*+*++**++*+*+*+*+*


টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

27 মন্তব্য

  1. খুব সুন্দর হচ্ছে । থেমে যাবেন না । উচ্চ পর্যায়ের অনেক কিছু আমাদের সাথে সেয়ার করুন ।

  2. কারণ আমি বর্তমান ওয়েবসাইত এর কাজ সিখতেচি ……

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

12 − six =