সিএসএস

ক্যাসকেডিং স্টাইল শীট

CSS এর সংক্ষিপ্ত রূপ ক্যাসকেডিং স্টাইল শীট.

ক্যাসকেডিং স্টাইল শীট?

ওয়েব ডিজাইনার এবং ডেভেলপারদের জন্য একটি শক্তিশালী টুল, যা তাদের একই সাথে একাধিক ওয়েব পৃষ্ঠার চেহারা এবং লেআউট নিয়ন্ত্রণ করতে দেয়। এটি তিনটি উপায়ে ব্যবহার করা যেতে পারে: ইনলাইন, হেডারে (অভ্যন্তরীণ), এবং একটি সংযুক্ত স্টাইলশীট ফাইল (বাহ্যিক) হিসাবে। প্রতিটি পদ্ধতির তার ব্যবহারের ক্ষেত্রে এবং সুবিধা রয়েছে।

ইনলাইন সিএসএস

এই পদ্ধতিতে "স্টাইল" অ্যাট্রিবিউট ব্যবহার করে সরাসরি একটি HTML উপাদানের মধ্যে CSS নিয়ম স্থাপন করা জড়িত। প্রতিটি এইচটিএমএল উপাদানের নিজস্ব শৈলী বৈশিষ্ট্য থাকতে পারে, যেকোন সংখ্যক CSS বৈশিষ্ট্য সহ।

  • ব্যবহার:
<p style="color: blue; font-size: 14px;">This is a blue, 14px font paragraph.</p>
  • ভালো দিক: এটি দ্রুত, ছোট আকারের স্টাইলিং পরিবর্তন এবং পরীক্ষার জন্য দরকারী।
  • মন্দ দিক: যেহেতু স্টাইলগুলি উপাদানগুলিতে পৃথকভাবে প্রয়োগ করা হয়, তাই এই পদ্ধতিটি বড় নথির স্টাইল করার জন্য অদক্ষ। এটি এইচটিএমএল কোডকেও বিশৃঙ্খল করে এবং বিভিন্ন উপাদান বা পৃষ্ঠা জুড়ে সামঞ্জস্যপূর্ণ স্টাইলিং করার জন্য উপযোগী নয়।

অভ্যন্তরীণ সিএসএস

এখানে, সিএসএস নিয়মগুলি a এর মধ্যে স্থাপন করা হয়েছে <style> একটি HTML নথির প্রধান বিভাগে ট্যাগ করুন। এই পদ্ধতিটি একটি একক পৃষ্ঠার শৈলী সংজ্ঞায়িত করতে ব্যবহৃত হয়।

  • ব্যবহার:
<head>
   <style>
      p { color: blue; font-size: 14px; } 
   </style>
</head>
  • ভালো দিক: একটি একক পৃষ্ঠার অনন্য শৈলীর জন্য দরকারী। এটি একটি ফাইলে এইচটিএমএল এবং সিএসএস রাখে, যা ছোট প্রকল্প বা একক-পৃষ্ঠার নথিগুলির জন্য পরিচালনা করা সহজ হতে পারে।
  • মন্দ দিক: ইনলাইন CSS এর মতো, এটি একাধিক পৃষ্ঠা স্টাইল করার জন্য দক্ষ নয়, এবং প্রচুর CSS থাকলে HTML নথিগুলিকে কষ্টকর করে তুলতে পারে।

বাহ্যিক CSS

এটি CSS অন্তর্ভুক্ত করার সবচেয়ে সাধারণ এবং প্রস্তাবিত উপায়। CSS নিয়মগুলি একটি পৃথক ফাইলে (.css এক্সটেনশন সহ) স্থাপন করা হয় এবং একটি ব্যবহার করে HTML নথির সাথে লিঙ্ক করা হয়

<link> প্রধান বিভাগে উপাদান।

  • ব্যবহার:
<head>
   <link rel="stylesheet" type="text/css" href="styles.css">
</head>
  • ভালো দিক: এটি ক্লিনার এবং আরো সংগঠিত HTML প্রচার করে। স্টাইলগুলি একাধিক পৃষ্ঠা জুড়ে পুনঃব্যবহারযোগ্য, ওয়েবসাইটের চেহারা এবং অনুভূতি বজায় রাখা এবং আপডেট করা সহজ করে তোলে। এটি প্রথম পৃষ্ঠাটি অ্যাক্সেস করার পরে দ্রুত পৃষ্ঠা লোড করার অনুমতি দেয়, কারণ ব্রাউজার CSS ফাইলটি ক্যাশ করে।
  • মন্দ দিক: প্রাথমিক পৃষ্ঠা লোড হতে কিছুটা বেশি সময় লাগতে পারে, কারণ ব্রাউজারকে অবশ্যই CSS ফাইল ডাউনলোড করতে হবে।

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

  • সমাহার: সিএসএস

CSS-এর জন্য অতিরিক্ত সংক্ষিপ্ত শব্দ

শীর্ষ বোতামে ফিরে যান
ঘনিষ্ঠ

অ্যাডব্লক সনাক্ত করা হয়েছে

Martech Zone আমরা বিজ্ঞাপন রাজস্ব, অনুমোদিত লিঙ্ক, এবং স্পনসরশিপ মাধ্যমে আমাদের সাইট নগদীকরণ কারণ বিনা খরচে আপনাকে এই সামগ্রী প্রদান করতে সক্ষম. আপনি যদি আমাদের সাইট দেখার সাথে সাথে আপনার বিজ্ঞাপন ব্লকারকে সরিয়ে দেন তবে আমরা কৃতজ্ঞ।