CSS শৈলী এর 3 প্রকার বোঝা

ইনলাইন, এমবেডেড, এবং বাহ্যিক স্টাইল শীট: এখানে আপনি জানতে হবে কি

ফ্রন্ট-এন্ড ওয়েবসাইট ডেভেলপমেন্টকে প্রায়ই 3-লেজ স্টাম হিসাবে উপস্থাপন করা হয়। এই পা যেমন আছে:

এই স্টুলের দ্বিতীয় লেগ, সিএসএস বা ক্যাসকেডিং স্টাইল শীটগুলি, আজ আমরা এখানে কী খুঁজছি। বিশেষত, আমরা 3 ধরনের শৈলী আপনি একটি নথি যোগ করতে পারেন ঠিকানা করতে চান।

  1. ইনলাইন শৈলী
  2. এমবেডেড শৈলী
  3. বাহ্যিক শৈলী

এই ধরনের প্রতিটি CSS শৈলী তাদের উপকারিতা এবং দুর্নীতি আছে, তাই আসুন প্রতিটি তাদের পৃথকভাবে একটি গভীর চেহারা নিতে।

ইনলাইন শৈলী

ইনলাইন শৈলীগুলি শৈলী যা এইচটিএমএল ডকুমেন্টে সরাসরি ট্যাগ আছে। ইনলাইন শৈলী কেবলমাত্র নির্দিষ্ট ট্যাগকে প্রভাবিত করে যা তারা প্রয়োগ করে। এখানে একটি মান লাইন একটি আদর্শ লিংক, বা নোঙ্গর প্রয়োগ একটি উদাহরণ, ট্যাগ:

এই সিএসএস নিয়ম এই এক লিঙ্ক বন্ধ মান অধীন টেক্সট প্রসাধন চালু হবে। তবে, পৃষ্ঠাটি অন্য কোনও লিঙ্ক পরিবর্তন করবে না। এই ইনলাইন শৈলী সীমাবদ্ধতা এক। যেহেতু তারা কেবল একটি নির্দিষ্ট আইটেমে পরিবর্তন করে, তাই প্রকৃত পাতা নকশা অর্জনের জন্য আপনাকে এই শৈলীগুলির সাথে আপনার এইচটিএমএলটি লিটারের প্রয়োজন হবে। এটি একটি সেরা অনুশীলন নয়। প্রকৃতপক্ষে, এটি "ফন্ট" ট্যাগের দিন এবং ওয়েব পৃষ্ঠায় গঠন এবং শৈলীর মিশ্রণ থেকে এক ধাপ সরানো হয়।

ইনলাইনের শৈলীগুলি খুব উচ্চ বৈশিষ্ট রয়েছে।

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

পরিশেষে, ইনলাইন শৈলী সত্যিই শুধুমাত্র উপযুক্ত যখন খুব sparingly ব্যবহার করা হয়

আসলে, আমি খুব কমইই আমার ওয়েব পেজগুলিতে ইনলাইন শৈলী ব্যবহার করি।

এম্বেডেড শৈলী

এম্বেড করা শৈলী হল এমন স্টাইল যা ডকুমেন্টের মাথায় এমবেড করা হয়। এম্বেড করা শৈলীগুলি কেবল সেই পৃষ্ঠাগুলিতে ট্যাগগুলি প্রভাবিত করে যা তারা এম্বেড করা হয়। একবার আবার, এই পদ্ধতিটি CSS এর শক্তিগুলির মধ্যে একটিকে নিন্দা করে। যেহেতু প্রতিটি পৃষ্ঠায় শৈলী থাকতে হবে

, যদি আপনি একটি sitewide পরিবর্তন করতে চেয়েছিলেন, যেমন লাল থেকে সবুজ লিঙ্কের রং পরিবর্তন, আপনি প্রতি পৃষ্ঠায় এই পরিবর্তন করতে হবে, যেহেতু প্রতিটি পৃষ্ঠা একটি এমবেডেড শৈলী শীট ব্যবহার করে। এই ইনলাইন শৈলী তুলনায় ভাল, কিন্তু অনেক ক্ষেত্রে এখনও সমস্যাগ্রস্থ।

স্টাইলশীটগুলি যা যুক্ত করা হয়

একটি ডকুমেন্টের একটি গুরুত্বপূর্ণ পরিমাণ মার্কআপ কোডটি সেই পৃষ্ঠাটিতে যোগ করে, যা ভবিষ্যতে আরও কঠিন পৃষ্ঠা পরিচালনা করতে পারে।

এম্বেড করা স্টাইল শীটগুলির উপকার হল যে, লোড করার জন্য অন্য বহিরাগত ফাইলগুলি প্রয়োজনের পরিবর্তে পৃষ্ঠার সাথে অবিলম্বে লোড হবে। এটি একটি ডাউনলোড গতি এবং কর্মক্ষমতা দৃষ্টিকোণ থেকে একটি সুবিধা হতে পারে।

বাহ্যিক স্টাইল শীট

অধিকাংশ ওয়েবসাইট আজ বহিরাগত স্টাইল শীট ব্যবহার করে। এক্সটার্নাল স্টাইলগুলি এমন একটি স্টাইল যা একটি পৃথক নথিতে লেখা হয় এবং তারপর বিভিন্ন ওয়েব ডকুমেন্টগুলির সাথে সংযুক্ত হয়। বাহ্যিক স্টাইল শীট যে কোনও ডকুমেন্টকে সংযুক্ত করে, তা প্রভাবিত করতে পারে, যার অর্থ হল আপনার যদি 20 পৃষ্ঠাের ওয়েবসাইট থাকে যেখানে প্রতিটি পৃষ্ঠা একই স্টাইল শীট ব্যবহার করে (এটি সাধারণত এটি কীভাবে করা হয়), আপনি প্রতিটিতে একটি ভিজ্যুয়াল পরিবর্তন করতে পারেন সেই পৃষ্ঠাগুলির কেবল স্টাইল শীট সম্পাদনা করে

এই দীর্ঘমেয়াদী সাইট পরিচালন অনেক সহজ করে তোলে

বহিরাগত স্টাইল শীট থেকে নেতিবাচক দিক হল যে তারা পৃষ্ঠ বাহিত এবং এই বাহ্যিক ফাইল লোড প্রয়োজন। প্রতিটি পৃষ্ঠা সিএসএস শীটে প্রতিটি শৈলী ব্যবহার করবে না, তাই অনেক পৃষ্ঠাগুলি আসলেই প্রয়োজনের চেয়ে অনেক বড় CSS পৃষ্ঠা লোড হবে।

এটি সত্য যে বাহ্যিক CSS ফাইলগুলির জন্য একটি পারফরম্যান্স হ'ল, এটি অবশ্যই কমিয়ে আনা যায়। বাস্তবিকই, সিএসএস ফাইলগুলি শুধু টেক্সট ফাইল, তাই তারা সাধারণত শুরুতে খুব বড় হয় না। যদি আপনার পুরো সাইট 1 টি সিএসএস ফাইল ব্যবহার করে, তাহলে প্রথমে এটি লোড হওয়ার পরে আপনি যে ডকুমেন্ট ক্যাশ করা হচ্ছে তার সুবিধা পাবেন।

এর মানে হল যে প্রথম পৃষ্ঠায় কিছু পরিদর্শনে সামান্য পারফরম্যান্স হ'ল, তবে পরবর্তী পৃষ্ঠাগুলি ক্যাশেড সিএসএস ফাইলে ব্যবহার করবে, তাই কোনও হিটকে নেগেটিভ করা হবে। বাহ্যিক CSS ফাইলগুলি কিভাবে আমি আমার সমস্ত ওয়েব পৃষ্ঠাগুলি তৈরি করি