আসল ক্যাসকেডিং স্টাইল শিটের স্পেসিফিকেশন, পাশাপাশি এর আরও সাম্প্রতিক CSS3 সংশোধন হ'ল এইচটিএমএল ওয়েব পৃষ্ঠাগুলি উন্নত ও ফর্ম্যাট করার জন্য ব্যবহৃত প্রযুক্তি। সিএসএস প্রাথমিকভাবে একটি ওয়েব পৃষ্ঠার উপস্থাপনা স্তরটি HTML এর সাথে ফর্ম্যাট করার চেয়ে আরও দক্ষ পদ্ধতিতে পরিচালনা করার জন্য ডিজাইন করা হয়েছিল, যা সমকালীন ওয়েবের জটিল নির্মাণ পরিচালনা করার উদ্দেশ্যে কখনও হয়নি। সিএসএস 2 সিএসএস 1-এর সর্বজনীনভাবে গৃহীত এক্সটেনশন হওয়ায় একটি সংখ্যা ছাড়াই সিএসএস শব্দটি CSS2 এর অন্তর্ভুক্তিকে বোঝায়। সিএসএস 3 অনুমানটি এখনও জুলাই ২০১৪ পর্যন্ত বিকাশাধীন, সুতরাং ওয়েব বিকাশকারীদের বৈশিষ্ট্য সমর্থন ব্রাউজারগুলির মধ্যে পরিবর্তিত হওয়া বিবেচনা করা উচিত।

ব্যস্ত ক্রিয়েটিভ অফিসে ডেস্ক এ উইম্যান ওয়ার্কিং

CSS3 পিছনে CSS এর সাথে সামঞ্জস্যপূর্ণ

সিএসএস 3 হ'ল সিএসএস 2 এর একটি আপডেট যা CSS এর সমস্ত বৈশিষ্ট্যের সাথে সামঞ্জস্য বজায় রাখে - CSS3 CSS এর কোনও কোডকেই হ্রাস করে না। সিএসএস 3 কোডটি ওয়েব পৃষ্ঠাগুলি আরও ভাল দেখায় এবং দ্রুত লোড করার পাশাপাশি কোনও ব্যবহারকারীর ব্রাউজারে পৃষ্ঠা তৈরি করতে বিকাশের সময় হ্রাস করার জন্য ডিজাইন করা হয়েছে। সিএসএস 3 ওয়েব ডিজাইনকে পৃষ্ঠার নকশা উপাদানগুলির জন্য চিত্র ফাইলগুলিতে কম নির্ভরশীল করে তোলে এবং ফাইল স্থানান্তর অনুরোধ হ্রাস করে এবং কম চিত্র ব্যবহার করে ডাউনলোডের সময় হ্রাস করে। CSS1 উপস্থিতি বিন্যাসে ফোকাস করেছে, যেখানে CSS2 পাঠ্য এবং বস্তুর জন্য অবস্থানের ক্ষমতা যুক্ত করেছে। IE 9 এবং পূর্বের মত পুরানো ব্রাউজার সংস্করণগুলি CSS3 এর যুক্ত বৈশিষ্ট্যগুলিকে ব্যাপকভাবে সমর্থন করে না, যার জন্য CSS ফ্যাল-ব্যাক কোড বজায় রাখতে অতিরিক্ত বিকাশের সময় প্রয়োজন হতে পারে।

CSS3 বৃত্তাকার কোণ এবং গ্রেডিয়েন্ট যুক্ত করে

সিএসএস 3 এর আগে ওয়েব বিকাশকারীদের কাঠামোগত সীমানা এবং ব্যাকগ্রাউন্ড ইমেজ গ্রেডিয়েন্টের জন্য বৃত্তাকার কোণার মতো জিনিস যুক্ত করতে ইমেজ ফাইলগুলি ডিজাইন করা প্রয়োজন; CSS3 এর মধ্যে তুলনামূলক বৈশিষ্ট্য রয়েছে যা কয়েকটি লাইনের কোড যুক্ত করা যেতে পারে। সিএসএসে, কোনও ওয়েব বিকাশকারীকে একটি সীমানা বা গ্রেডিয়েন্ট ডিজাইন করতে হয়, এটি চিত্র সার্ভারে আপলোড করতে হবে, পৃষ্ঠায় চিত্রটি রাখতে হবে এবং সীমানাকে সঠিকভাবে অবস্থানের জন্য সিএসএস ব্যবহার করতে হবে। সিএসএস 3-এ, ওয়েব বিকাশকারী ".গ্রাউন্ডবোর্ডার {সীমানা-ব্যাসার্ধ: 10px;}" এর মতো কোডের সাথে অনুরূপ কিছু অর্জন করতে পারে। পটভূমি গ্রেডিয়েন্টগুলি কিছুটা জটিল এবং বিভিন্ন ব্রাউজারের জন্য বিভিন্ন কোডের প্রয়োজন। উদাহরণস্বরূপ, ক্রোম এবং আইইয়ের জন্য একটি সাদা থেকে কালো গ্রেডিয়েন্ট ".gradBG {পটভূমি: লাইনার-গ্রেডিয়েন্ট (সাদা, কালো);}" এর মতো কোড ব্যবহার করে।

CSS3 এনিমেশন বৈশিষ্ট্য এবং পাঠ্য প্রভাব যুক্ত করে

আপনার পৃষ্ঠার উপাদানগুলি কীভাবে দেখায় তা উন্নত করতে CSS3 এর কয়েকটি মুখ্য বৈশিষ্ট্য সিএসএসে উপস্থিত নেই। সিএসএস 3 এর সাহায্যে ওয়েব বিকাশকারীরা ভিজ্যুয়াল ফ্লেয়ারটি পড়া বা পড়া সহজ করার জন্য পাঠ্যে একটি পাঠ্য-ছায়া যুক্ত করতে পারে এবং দীর্ঘ শব্দগুলির মধ্যে লাইন বিরতিগুলিকে শব্দ মোড়ানো দিয়ে কলামগুলির মধ্যে ফিট করতে বাধ্য করে। CSS3 এর আগে, ওয়েব বিকাশকারীদের জাভাস্ক্রিপ্ট এবং jQuery এর মতো স্ক্রিপ্টিং ভাষাগুলিতে অ্যানিমেশন কোড দেওয়ার দরকার ছিল; সিএসএস 3 ডিজাইন স্তরটিতে বেশ কয়েকটি অ্যানিমেশন বৈশিষ্ট্য যুক্ত করেছে। ডাব্লু 3 সি এখনও বিভিন্ন অ্যানিমেশন কৌশলগুলির মধ্যে সামঞ্জস্যতার সমস্যাগুলি সমাধান করার জন্য একটি ওয়েব অ্যানিমেশন স্ট্যান্ডার্ডে কাজ করছে।

CSS3 পাঠ্য কলামগুলি সংজ্ঞায়িত করে

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