এক্সটার্নাল স্টাইল শীট| সি এস এস বাংলা টিউটোরিয়াল

এক্সটার্নাল স্টাইল শীট

এ পদ্ধতিতে সি এস এস এর জন্য প্রয়োজনীয় Selector  এবং Declaration সমূহ আলাদা স্ক্রিপ্টে রাখা হয় এবং স্ক্রিপ্টটিকে বা স্টাইল শীটটিকে style.css বা এর অনুরূপ নামে save করা হয়। <head>………….</head> এর মধ্যে <link rel="stylesheet" type="text/css" href="css.css"> যুক্ত করে এক্সটার্নাল স্টাইল শীট এর সাথে এইচ টি এম এল এর লিংক তৈরি করা হয়।

অনুশীলন প্রজেক্ট


HTML Code

<html>
<head>
<title> Selectors</title>

<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body >
<h1>www.tutohost.com</h1>

<p class="post">

We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement. </p>
</body>
</html>

একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করতে হবে।

CSS Code

.post{color:#066;
font-family:Tahoma;
text-align:justify;}

স্টাইল সিটটিকে style.css নামে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।



কখন এক্সটার্নাল স্টাইল শীট ব্যবহার করা উচিৎ

যে কোন ওয়েব সাইটের অধিকাংশ পেজই একই ডিজাইনের হয়। এক্ষেত্রে এক্সটার্নাল স্টাইল শীট ব্যবহার করলে প্রতিটা পেজের জন্য আলাদা স্টাইল শীটের প্রয়োজন হয় না। অর্থাৎ যখন কোন ওয়েব সাইটের অধিকাংশ পেজই একই ডিজাইনের তখন এক্সটার্নাল ইস্টাইল শীট ব্যবহার করা উচিৎ ।

লেখকঃ অসীম কুমার
তিনি ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং এ লেখাপড়া করছেন। টিউটোরিয়ালবিডি ও বিজ্ঞানপ্রযুক্তি ব্লগে তিনি ইলেক্ট্রনিক্স সহ বিভিন্ন টেকনোলজি বিষয়ে লিখে থাকেন। বর্তমানে তিনি লেখাপড়ার পাশাপাশি টিউটোহোস্টে কর্মরত আছেন।

কপি রাইট টিউটোহোস্ট ২০১০-২০১২