ক্যাসকেডিং স্টাইল শীটের প্রধান কাজটি খুব গুরুত্বপূর্ণ। সিএসএস যেখানে এইচটিএমএল এবং মূল শৈলী এবং উপস্থিতি সরবরাহের জন্য একসাথে কাজ করে এবং এটি আমাদের জানতে দেবে যে HTML পৃষ্ঠাগুলি ওয়েব পৃষ্ঠায় প্রদর্শিত হবে। যেখানে CSS3 হ'ল সিএসএসের সর্বশেষতম সংস্করণ। আসুন নিম্নলিখিত ক্রমে CSS এবং CSS3 এর মধ্যে বিভিন্ন পার্থক্য বুঝতে পারি:
- সিএসএস এবং সিএসএস 3 এর সামঞ্জস্যতা
- বৃত্তাকার কোণ এবং গ্রেডিয়েন্ট
- পাঠ্য প্রভাব এবং অ্যানিমেশন
- সিউডো ক্লাস
- সিএসএস এবং সিএসএস 3-এ তালিকাভুক্ত
CSS3 জাভাস্ক্রিপ্টের মতো ক্ষমতা সরবরাহ করে এবং অতিরিক্ত বৈশিষ্ট্য যেমন ট্রানজিশন, গ্রেডিয়েন্ট ইত্যাদির সাথে মোবাইল বিকাশ বৈশিষ্ট্যগুলি সরবরাহ করে So সুতরাং আসুন এই পরামিতিগুলিতে CSS এবং CSS3 এর তুলনা করা যাক।
সিএসএস এবং সিএসএস 3 এর সামঞ্জস্যতা
সিএসএস CSS3 এর সাথে সামঞ্জস্যপূর্ণ নয় কারণ এর মূল উদ্দেশ্য ছিল বিভিন্ন ফর্ম্যাটিং বৈশিষ্ট্য সরবরাহের দিকে ফোকাস করা। তারা পাঠ্য এবং বস্তুর অবস্থানের জন্য ক্ষমতা ছাড়াও ছিল। তবে এই বৈশিষ্ট্যগুলি সিএসএস 3 এর সর্বশেষ সংস্করণে আপডেট করা হয়েছিল।
সিএসএস 3 সিএসএসের সাথে সামঞ্জস্যপূর্ণ ব্যাকওয়ার্ড। এটি সিএসএসে লিখিত কোনও কোডকে অবৈধ হিসাবে তৈরি করবে না। CSS3 ওয়েবপৃষ্ঠাটিকে আরও আকর্ষণীয় এবং আরও ভাল দেখায়। তারা হয়লোডিং এ খুব দ্রুত এবং পৃষ্ঠাটি তৈরি করতে কম সময় প্রয়োজন।
বৃত্তাকার কোণ এবং গ্রেডিয়েন্ট
সিএসএস 3 চালু হওয়ার সময়, বিকাশকারীরা বিভিন্ন নকশাগুলি এবং ব্যাকগ্রাউন্ড গ্রেডিয়েন্টে গোলাকার কোণগুলির মতো দেখতে চিত্রগুলি ডিজাইন করতেন। এই প্রক্রিয়াটির মধ্যে বিকাশকারী নির্দিষ্ট সীমানা ডিজাইন করে এবং সার্ভারের মাধ্যমে ডিজাইনটি আপলোড করে। তাদের ওয়েবপৃষ্ঠায় চিত্রটি রাখা দরকার এবং শেষে, সিএসএসকে এই সীমানাটি সঠিকভাবে অবস্থান করতে হবে।
CSS3 এ বিকাশকারীকে কেবল রাউন্ডের মতো কোড লিখতে হবে সীমানা {সীমানা ব্যাসার্ধ: 20px}
। এবং এটি হয়ে গেছে তাদের কোনও সার্ভারের মাধ্যমে প্রেরণ এবং কোনও ধরণের সঞ্চালনের দরকার নেইঅন্যান্য কার্যক্রম। এমনকি গ্রেডিয়েন্টগুলি কোড ব্যবহার করে সেট করতে পারেন গ্রেডবিজি {পটভূমি: লাইনার-গ্রেডিয়েন্ট (লাল, কালো)}
কীভাবে গোটো সি ++ ব্যবহার করবেন
পাঠ্য প্রভাব এবং অ্যানিমেশন
সিএসএসে অ্যানিমেশনগুলি জাভাস্ক্রিপ্ট এবং জিকুয়েরিতে লেখা হয়েছিল। এটি নকশা স্তরের বৈশিষ্ট্যগুলিও রাখেনি এবং এমনকি পৃষ্ঠা উপাদানটিতে ছায়াময় পাঠ্য, পাঠ্য নির্বাচন ইত্যাদির মতো কোনও ধরণের বিশেষ প্রভাবও ছিল না
সিএসএস 3-তে বিকাশকারী পাঠ্য-ছায়া যুক্ত করতে পারে যাতে এটি সহজে পড়া যায়। তারা লাইন এবং লম্বা শব্দগুলিতে ভিজ্যুয়াল এফেক্ট যুক্ত করতে পারে যাতে তারা ফিট হয়কলামগুলির ভিতরে সহজেই। এটিতে টেক্সটের আকার এবং রঙের অবিচ্ছিন্ন পরিবর্তন অন্তর্ভুক্ত এমনকি পরিবর্তনের সময়ও সেট করা যেতে পারে।
সিউডো ক্লাস
সিএসএসে কোনও উপাদানের অবস্থা বিশেষভাবে সংজ্ঞায়িত করতে এগুলি ব্যবহার করা হয়।
বাক্য গঠন :নির্বাচক: সিউডো-ক্লাস {সম্পত্তি: মান}
। এটি বিভিন্ন বৈশিষ্ট্য যেমন হোভার অন (), সাধারণ টুলটিপ হোভার () সরবরাহ করে।
সিএসএস 3 এ এই সিউডো-ক্লাসগুলি সিএসএসের সাথে অনেক মিল, তবে তাদের কয়েকটি অতিরিক্ত বৈশিষ্ট্য রয়েছে যা এই দুটি পৃথক করে। এর মধ্যে ডকুমেন্টের মূল লক্ষ্য অন্তর্ভুক্তমূল উপাদান। লক্ষ্য (n) এর মধ্যে সংখ্যাসূচক মান ব্যবহার করে।
সিএসএস এবং সিএসএস 3-এ তালিকাভুক্ত
সিএসএস:
সিএসএস ব্যবহারকারীকে আদেশযুক্ত এবং আনর্ডারড তালিকার জন্য আলাদা তালিকা সেট করার অনুমতি দেয়।
ব্যবহারকারী একটি তালিকা আইটেম চিহ্নিতকারী জন্য ইমেজ সেট করতে পারেন।
তালিকা এবং তালিকা আইটেমগুলিতে পটভূমি রঙ যুক্ত করুন।
এগুলি বৃত্ত, বর্গক্ষেত্র, ডিস্কের মতো তালিকা-শৈলী-প্রকার হতে পারে।
জাভা স্ক্রিপ্ট পপ আপ বার্তা
CSS3
সিএসএসে তালিকাটি ব্যবহার করতে ডিসপ্লে বৈশিষ্ট্যের সাথে তালিকার আইটেমটি সংজ্ঞায়িত করা উচিত।
এটি সংখ্যা পদ্ধতি সমর্থন করে না।
এটি সক্ষম করে যে চিত্রটি আইটেম চিহ্নিতকারীটির বিপরীতে সেট করা আছে।
এটিতে একটি তালিকা শৈলীর অবস্থান এবং মার্কার বাক্সের অবস্থান নির্দিষ্ট করতে পারে।
এটির সাথে আমরা এই নিবন্ধটির শেষে এসেছি যেখানে আমরা সিএসএস এবং সিএসএস 3 এর মধ্যে পার্থক্য আলোচনা করেছি। গ হ্যাক আউট লিখেছেন এডুরেকা। ওয়েব ডেভেলপমেন্ট শংসাপত্র প্রশিক্ষণ আপনাকে এইচটিএমএল 5, সিএসএস 3, টুইটার বুটস্ট্র্যাপ 3, জ্যাকুয়ারি এবং গুগল এপিআই ব্যবহার করে কীভাবে চিত্তাকর্ষক ওয়েবসাইট তৈরি করতে এবং এটি অ্যামাজন সিম্পল স্টোরেজ সার্ভিসে (এস 3) স্থাপন করতে সহায়তা করবে।
আমাদের জন্য একটি প্রশ্ন আছে? অনুগ্রহ করে এই নিবন্ধটির মন্তব্য বিভাগে এটি উল্লেখ করুন এবং আমরা আপনার কাছে ফিরে আসব।