প্রতিটি ওয়েবসাইট গঠনগত (যা এইচটিএমএল দ্বারা নির্ধারিত হয়) গঠিত, কার্যকরী, এবং শৈলীগত উপাদান। ক্যাসকেডিং স্টাইল শীট (সিএসএস) একটি ওয়েবসাইটের উপস্থিতি ("চেহারা এবং অনুভূতি") নির্দেশ করার জন্য ব্যবহৃত হয়। এই স্টাইলগুলিকে এইচটিএমএল কাঠামোর থেকে আলাদা রাখা এবং ওয়েব মানকে আনুগত্য করার সহজে অনুমতি দেওয়া হয়।
স্টাইলশীট সঙ্গে সমস্যা
আজকের অনেক ওয়েবসাইটের আকার এবং জটিলতা নিয়ে স্টাইলশীটগুলি বেশ লম্বা এবং জটিল হতে পারে। এটি বিশেষভাবে সত্য যে প্রতিক্রিয়াশীল ওয়েবসাইটের শৈলীগুলির জন্য মিডিয়া ক্যোয়ারীগুলি ডিজাইনের একটি অপরিহার্য অংশ, এটি নিশ্চিত করে যে কোনও ডিভাইসটি ডিভাইসটিকে নির্বিশেষে বিবেচনা করা উচিত। কেবলমাত্র সেই মিডিয়া প্রশ্নগুলিতে সিএসএস ডকুমেন্টে নতুন শৈলী উল্লেখযোগ্য সংখ্যক যোগ করতে পারে, যার সাথে কাজ করা আরও কঠিন। এই যেখানে সিএসএস মন্তব্য ওয়েবসাইট ডিজাইনার এবং ডেভেলপারদের জন্য একটি মূল্যবান সাহায্য হতে পারে।
মন্তব্য গঠন এবং পরিষ্কারতা যোগ করুন
কোনও ওয়েবসাইটের সিএসএস ফাইলগুলিতে মন্তব্য যোগ করা, সেই কোডের বিভাগগুলিকে সংগঠিত করার একটি দুর্দান্ত উপায় যা ডকুমেন্ট পর্যালোচনা করছে। এটি একটি ধারাবাহিকতা যখন অন্য কোন পাতা বন্ধ করে, বা যখন লোকেরা কোনও সাইটটিতে কাজ করে তখন এটি স্থিরতা নিশ্চিত করে।
ভাল ফর্ম্যাট করা মন্তব্য স্টাইলশীটের গুরুত্বপূর্ণ দিকগুলি এমন একটি দলের সদস্যদের কাছে যোগাযোগ করতে পারে যা ইতিমধ্যে কোডের সাথে পরিচিত নাও হতে পারে। এই মন্তব্যগুলি যারা সাইটে আগে কাজ করেছেন তাদের জন্য খুব সহায়ক কিন্তু সাম্প্রতিক নয়; ওয়েব ডিজাইনার সাধারণত অনেক সাইট কাজ করে, এবং নকশা থেকে এক থেকে পরবর্তী পরিকল্পনা মনে রাখা কঠিন।
শুধুমাত্র পেশাদার চোখ জন্য
পাতা ওয়েব ব্রাউজারে রেন্ডার যখন CSS মন্তব্য প্রদর্শিত হয় না। এই মন্তব্যগুলি শুধুমাত্র তথ্যপূর্ণ, যেমন এইচটিএমএল মন্তব্যগুলি (যদিও সিনট্যাক্স ভিন্ন)। এই সিএসএস মন্তব্য কোনও উপায়ে কোনও সাইটের দৃশ্যমান প্রদর্শনকে প্রভাবিত করে না।
সিএসএস মন্তব্য যোগ করা হচ্ছে
একটি সিএসএস মন্তব্য যোগ করা বেশ সহজ। আপনি কেবল সঠিক খোলার এবং বন্ধ করার মন্তব্য ট্যাগগুলির সাথে আপনার মন্তব্যটি বুকেন্ড করুন:
- যোগ করে আপনার মন্তব্য শুরু করুন
/*
- যোগ করে আপনার মন্তব্য বন্ধ করুন
*/
এই দুটি ট্যাগের মধ্যে প্রদর্শিত যেকোনো কিছু মন্তব্যের বিষয়বস্তু, শুধুমাত্র কোডটিতে দৃশ্যমান এবং ব্রাউজার দ্বারা উপস্থাপিত নয়।
একটি সিএসএস মন্তব্য কোন লাইন নিতে পারেন। এখানে দুটি উদাহরণ:
/ * লাল সীমানা উদাহরণ * / div # border_red { সীমানা: পাতলা কঠিন লাল; }/*******************************************************কোড টেক্সট জন্য স্টাইল*******************************************************/ অনেক ডিজাইনার ছোট, সহজে পছন্দের অংশে স্টাইলশীটগুলি সংগঠিত করে যা পড়ার সময় স্ক্যান করা সহজ। সাধারণত, আপনি পূর্বের মন্তব্যগুলি অনুসরণ করবেন এবং হিপফেনের সিরিজের মাধ্যমে অনুসরণ করবেন যা পৃষ্ঠাতে বড়, সুস্পষ্ট বিরতি তৈরি করে যা দেখতে সহজ। এখানে একটি উদাহরণ: / * ----------------------- শিরোনাম শৈলী ----------------------- ------- * /
এই মন্তব্য কোডিং একটি নতুন বিভাগের সূচনা নির্দেশ করে। মন্তব্য ট্যাগগুলি ব্রাউজারকে তাদের মধ্যে সবকিছু উপেক্ষা করতে বলে, কারণ আপনি তাদের সাময়িকভাবে CSS কোডের কিছু অংশ অক্ষম করতে ব্যবহার করতে পারেন। ডিবাগ করার সময় বা ওয়েবপৃষ্ঠা বিন্যাসকরণ সামঞ্জস্য করার সময় এটি সহজ হতে পারে। প্রকৃতপক্ষে, ডিজাইনাররা প্রায়ই সেটি ব্যবহার করার জন্য কোডের এলাকার "মন্তব্য আউট" বা "বন্ধ করুন" করতে ব্যবহার করেন, যদি সে অংশটি পৃষ্ঠাটির অংশ না হয়। এটি করার জন্য, আপনি যে কোডটি মন্তব্য করতে চান তার আগে কেবল উদ্বোধনী মন্তব্য ট্যাগ যোগ করুন (নিষ্ক্রিয় করুন); ক্লোজিং ট্যাগটি রাখুন যেখানে আপনি নিষ্ক্রিয় অংশটি শেষ করতে চান। এই ট্যাগগুলির মধ্যে কোনও সাইট কোনও দৃশ্যমান ডিসপ্লেকে প্রভাবিত করবে না যা আপনাকে কোন সমস্যাটি ঘটছে তা দেখতে সিএসএস ডিবাগ করার অনুমতি দেয়। আপনি তারপর যেতে এবং ঠিক যে সমস্যা ঠিক করতে পারেন এবং কোড থেকে মন্তব্য মুছে ফেলুন। একটি পুনরাবৃত্তি হিসাবে, এখানে আপনার CSS এ মন্তব্য ব্যবহার করার জন্য কিছু টিপস রয়েছে: অনেকগুলি মন্তব্য যোগ করার সময় সাইটটির ডাউনলোডের গতি এবং কর্মক্ষমতা প্রভাবিত করতে পারে, আপনি তাদের ব্যবহার করতে দ্বিধা করবেন না। এটি একটি উল্লেখযোগ্য নেতিবাচক প্রভাব আছে মন্তব্য অনেক লাইন নিতে হবে। ওয়েব ডিজাইন এর অনেক দিক পছন্দ করে নিন, এটি সমস্ত ভারসাম্য বয়ে আনবে। বিভাগ ভাঙা
"মন্তব্য আউট" কোড
সিএসএস মন্তব্য টিপস
কর্মক্ষমতা
