দ্রুত সিএসএস প্রোটোটাইপিংয়ের জন্য এইচটিএমএল 5 পন্থা
বা: <style>ট্যাগগুলি আর কেবল মাথার জন্য থাকে না!
হ্যাকিং সিএসএস
ধরা যাক আপনি ডিবাগ করছেন, এবং আপনার পৃষ্ঠা-সিএসএস সংশোধন করতে চান, একটি নির্দিষ্ট বিভাগকে আরও ভাল দেখায় look আপনার শৈলীগুলি দ্রুত এবং নোংরা এবং অ-রক্ষণাবেক্ষণযোগ্য উপায়ে ইনলাইন তৈরি করার পরিবর্তে, আমি এই দিনগুলিতে যা করতে পারি তা করতে পারেন এবং একটি পর্যায়ক্রমে পন্থা অবলম্বন করতে পারেন।
কোনও ইনলাইন শৈলী বিশিষ্টতা নেই
কখনও আপনার সিএসএস ইনলাইন তৈরি করবেন না, যার অর্থ: <element style='color:red'>বা এমনকি<img style='float:right'> এটি খুব সুবিধাজনক তবে পরে কোনও আসল সিএসএস ফাইলে প্রকৃত নির্বাচকের নির্দিষ্টতা প্রতিফলিত করে না এবং আপনি যদি এটি রাখেন তবে আপনি পরে রক্ষণাবেক্ষণের বোঝার জন্য আফসোস করবেন।
<style>পরিবর্তে প্রোটোটাইপ
আপনি যেখানে ইনলাইন সিএসএস ব্যবহার করতে পারবেন, পরিবর্তে পৃষ্ঠার <style> উপাদানগুলি ব্যবহার করুন । চেষ্টা করে দেখুন! এটি সমস্ত ব্রাউজারে দুর্দান্ত কাজ করে, তাই এটি পরীক্ষার জন্য দুর্দান্ত, তবুও আপনি যখনই চাইবেন / প্রয়োজন হবে তখন আপনাকে এই জাতীয় সিএসএসকে আপনার গ্লোবাল সিএসএস ফাইলগুলিতে সরিয়ে আনতে দেয়! (* কেবল সচেতন থাকুন যে নির্বাচকদের কেবলমাত্র সাইট-স্তরের সুনির্দিষ্টতার পরিবর্তে পৃষ্ঠা-স্তরের সুনির্দিষ্টতা থাকবে, সুতরাং খুব সাধারণ হওয়ার বিষয়ে সতর্ক থাকুন) আপনার সিএসএস ফাইলগুলির মতো ঠিক পরিষ্কার:
<style>
.avatar-image{
float:right
}
.faq .warning{
color:crimson;
}
p{
border-left:thin medium blue;
// this general of a selector would be very bad, though.
// so be aware of what'll happen to general selectors if they go
// global
}
</style>
অন্য ব্যক্তির ইনলাইন সিএসএস রিফ্যাক্টরিং
কখনও কখনও আপনি সমস্যা নাও হয়ে থাকেন এবং আপনি অন্য কারও সাথে ইনলাইন সিএসএস ব্যবহার করছেন এবং আপনাকে এটি রিফ্যাক্টর করতে হবে। এটি এর জন্য আরও দুর্দান্ত ব্যবহার<style> পৃষ্ঠার , যাতে আপনি সরাসরি ইনলাইন সিএসপি ফালা করতে এবং তাত্ক্ষণিকভাবে পৃষ্ঠাতে ক্লাসে বা আইডিতে বা নির্বাচকগুলিতে সরাসরি স্থান দিতে পারেন যখন আপনি রিফ্যাক্ট করছেন। আপনি যাবার সময় যদি আপনার নির্বাচকদের সাথে যথেষ্ট সতর্ক হন তবে আপনি চূড়ান্ত ফলাফলটি কেবলমাত্র একটি অনুলিপি এবং পেস্ট দিয়ে শেষ পর্যন্ত গ্লোবাল CSS ফাইলটিতে সরাতে পারেন।
প্রতিটি বিএসএস তাত্ক্ষণিকভাবে গ্লোবাল সিএসএস ফাইলে স্থানান্তর করা কিছুটা শক্ত , তবে ইন-পৃষ্ঠা <style>উপাদানগুলির সাথে আমাদের এখন বিকল্প রয়েছে।