Css Style

সিএসএস(CSS) পরিচিতি [ পর্ব ৩ ] – সি এস এস কোড লেখার পদ্ধতি এবং সিএসএস ও এইচটিএম এল এর মধ্যে সম্পর্ক ।

যে কোনো প্রোগ্রাম লেখার জন্যই কোনো একটা এডিটর ব্যবহার করে কোডিং করতে হয়।এর জন্য যে কোনো অপারেটিং সেস্টেমে Notepad++, Sublime Text, Brackets, Dreamweaver এভাবে অরও অনেক ব্যবহার করে কোড এডিট করা যায়।

সিএসএস(CSS) Syntax-

    সি এস এস syntax দুটি অংশে বিভক্ত। যথা- Selector এবং Declaration ।

1
  • Facebook
  • Twitter
  • Google+
  • Blogger

Selector অংশে ট্যাগ সিলেক্টর হিসেবে HTML ট্যাগ বা ক্লাস সিলেক্টর হিসেবে HTML ট্যাগ এর ক্লাস এর নাম অথবা আইডি সিলেক্টর হিসেবে HTML ট্যাগ এর আইডি এর নাম বসে।

প্রতিটা Declaration এর একটি property এবং একটি value থাকে।

2
  • Facebook
  • Twitter
  • Google+
  • Blogger

  • এইচ টি এম এল(html) ও সি এস এস(css) এর মধ্যে সম্পর্ক –

এইচ টি এম এল এর সাথে সি এস এস যুক্ত করার বিষয়টি খুবই গুরুত্বপূর্ণ। এইচ টি এম এল এর সাথে সি এস এস যুক্ত করার জন্য তিনটি পদ্ধতি রয়েছে। যথা-

১। ইমবেডেড স্টাইল শীট

 ২। ইন-লাইন স্টাইল শীট

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

১। ইমবেডেড স্টাইল শীট

এ পদ্ধতিতে <head>………….</head> এর মধ্যে <style>..</style> বা স্টাইল ট্যাগ ব্যাবহার করা হয়। এবং <style>….</style> এর মধ্যেই সি এস এস এর জন্য প্রয়োজনীয় Selector  এবং Declaration সমূহ রাখা হয়। যেমন-

3
  • Facebook
  • Twitter
  • Google+
  • Blogger

ইমবেডেড স্টাইল শীটকে ইন লাইন স্টাইল শীটও বলা হয়।

২। ইন-লাইন স্টাইল শীট

এ পদ্ধতিতে এইচ টি এম এল এর প্রতিটা ট্যাগের এট্রিবিউটস হিসেবে style এট্রিবিউটস যুক্ত করে এর মধ্যে  সি এস এস এর জন্য প্রয়োজনীয় Declaration সমূহ যুক্ত করা হয়। যেমন-

4
  • Facebook
  • Twitter
  • Google+
  • Blogger

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

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

Write Your Comment

Pin It on Pinterest

Shares
Share This