<?php include __DIR__ . '/../header.php'; ?>
<div><section class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 md:bg-theme !pt-0 !pb-0 md:!pb-spacing32 md:!pt-spacing12"><div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto !px-0"><div class=""><div class="bg-theme"><ol itemscope="" itemtype="https://schema.org/BreadcrumbList" class="flex h-8 w-auto justify-start items-center bg-transparent undefined"></ol><div class=" pt-spacing20 row gap-spacing20 pt-spacing20"><div class="flex gap-spacing24 flex-col items-center md:items-start md:justify-center col-12 col-md-7"><div class="flex gap-spacing16 flex-col"><div class="flex gap-spacing6 flex-col"><h2 class="text-sm leading-4 text-neutral-700 mb-spacing2 font-semibold uppercase">CSS3 Free Course with Certificate</h2><h2 class="text-2.75xl leading-13 text-mono-black !text-1.75xl !leading-9.5 md:!text-2.75xl md:!leading-13 font-extrabold">CSS3 Free Course with Certificate</h2><h3 class="text-lg text-neutral-800 font-medium">Level up your web development skills with our CSS3 Online Course free of cost!</h3></div></div><div class="flex gap-spacing12"><div class="flex h-7 md:max-w-59.25 max-w-60.25"><div class="image-wrap flex w-full items-center justify-between relative gap-spacing8"><img alt="Enrolled" loading="lazy" width="100" height="100" decoding="async"  class="w-full h-7 block" style="color:transparent" src="https://d2o2utebsixu4k.cloudfront.net/Banner user icons combo-cdcd011ef2034bc9b51aa6a58eed25d0.svg"><span class="text-sm leading-5.5 whitespace-nowrap flex items-center text-mono-black">1000+</span></div></div><div class="flex gap-spacing20 justify-start md:!gap-spacing16 md:justify-between mb-0 z-10"><div class="md:cursor-pointer flex items-center justify-center"><div class="md:w-6 md:h-6 w-4 h-4"><img alt="social icon image" loading="lazy" width="16" height="16" decoding="async"  class="w-full h-full" style="color:transparent" src="https://d2o2utebsixu4k.cloudfront.net/Google Hero-37dcc2260d4744ae8fe228fe6e6c1788.svg"></div><div class="text-neutral-800 pl-spacing6 text-sm font-bold">4.7<!-- -->/<!-- -->5</div></div><div class="md:cursor-pointer flex items-center justify-center"><div class="md:w-6 md:h-6 w-4 h-4"><img alt="social icon image" loading="lazy" width="16" height="16" decoding="async"  class="w-full h-full" style="color:transparent" src="https://d2o2utebsixu4k.cloudfront.net/Facebook Hero-d61abee306184aba8b1e115096044bb9.svg"></div><div class="text-neutral-800 pl-spacing6 text-sm font-bold">4.5<!-- -->/<!-- -->5</div></div></div></div><div class="mb-spacing32 md:pt-0 banner-list-new pt-spacing0 !mb-0"><div class=""><ul class="CertTheme__ul" __lexicallisttype="check"><li role="checkbox" tabindex="-1" aria-checked="false" value="1" class="CertTheme__listItem CertTheme__listItemCircleTickIcon"><span>Master complex layouts and structure CSS for expansive apps</span></li><li role="checkbox" tabindex="-1" aria-checked="false" value="2" class="CertTheme__listItem CertTheme__listItemCircleTickIcon"><span>Prepare for real-world challenges through project-based assignments</span></li><li role="checkbox" tabindex="-1" aria-checked="false" value="3" class="CertTheme__listItem CertTheme__listItemCircleTickIcon"><span>Dive into interactive learning with hands-on guided exercises</span></li></ul></div></div><div class="flex flex-col gap-spacing16"><div class="gap-spacing16 md:flex "><div class="group pb-0 m-0"><a href="../free-courses.php" target="_blank" class="bg-transparent transition duration-300 ease-in-out hover:bg-mono-black/4 text-mono-black font-bold text-base rounded px-6 py-4 flex items-center justify-center w-full md:w-auto h-11 md:h-14 !px-spacing16 md:!pl-spacing28 md:!pr-spacing20 !py-0 border-2 border-neutral-700"><i class=" Explore All Courses leading-5 mr-spacing8 md:mr-spacing12 text-xl md:text-black text-neutral-800"></i><p class="">Explore Courses</p></a><div class="relati"></div></div><div class="group pb-4 md:pb-0 m-0"><button class="font-bold text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main rounded text-white px-6 py-4 flex items-center justify-center md:w-auto w-full h-14 !px-spacing28 !py-0" tabindex="-1"><p class="">Contact Learning Advisor</p></button><div class="relati"></div></div></div></div></div><div class="flex  col-12 col-md-5 items-end flex-col"><div class="flex flex-col items-center"><div class="w-130.5 relative h-86.75 rounded-20  flex flex-col items-start overflow-hidden mb-spacing24"><div class="new-banner-image-gradient absolute top-0 left-0 bottom-0 right-0 h-full w-full z-10"></div><img alt="banner-image" fetchpriority="high" decoding="async"  class="relative z-[9]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://d2o2utebsixu4k.cloudfront.net/Banner image-5bfb19f70fce4eb8aea7e62f2c3939a3.svg"></div><div class="flex items-center h-12.5 gap-x-spacing16 "><button tabindex="-1" class="cursor-pointer"><div class="flex"><i class="icon-share text-2xl leading-6 text-black"></i></div></button></div></div></div></div></div></div></div></section></div><div class="block md:hidden"></div><!--$--><div><section data-id="Prerequisites" id="Prerequisites" class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 prerequisite-section"><div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto"><div class="row g-4"><div class="col-12 md:flex-col col-12 col-md-12 md:col-start-1 w-full"><div class="row g-4 items-center "><div class="col-12 col-md-5"><div class=""><div class="max-w-133"><h2 class="text-sm uppercase font-semibold text-neutral-500">Prerequisites</h2><div class="text-3xl leading-9.75 font-bold text-mono-black mt-spacing6 mb-spacing24">CSS3 Course Prerequisites</div></div><div class=""><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>There are no prerequisites to attend this introductory CSS course.</span></p><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>This CSS3 free course is perfect for aspiring front-end developers, web designers, web developers, and software enthusiasts. The content aims to ignite interest in these career paths.</span></p></div></div></div></div><div class="flex justify-center items-center col-12 col-md-5"><img alt="Course Prerequisites" loading="lazy" width="392" height="276" decoding="async"  style="color:transparent" src="https://d2o2utebsixu4k.cloudfront.net/Prerequisites_NEW-dd27b8497d13457d882573e480ecf195.svg"></div></div></div></div></div></section></div><!--/$--><div><div><div></div><div class="transition-all duration-1000 z-[20] md:block hidden"></div></div><!--$--><div><section class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0"><div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto"><div class="row g-4"><div class="col-12 md:flex-col col-12 col-md-12 md:col-start-1 w-full"><ul class="flex relative gap-spacing12 after:absolute overflow-hidden after:bg-secondary-300/60 after:rounded-157 after:-left-15 after:md:left-0 after:-rotate-139 after:md:top-0 after:-top-2 after:z-0 after:w-32.5 after:h-62 flex-row items-center w-full md:w-211.75 justify-between rounded-xl bg-secondary-200 px-spacing28 py-spacing28 md:h-33 md:pr-12 md:pl-20 "><li class=" z-10 list-none flex-1"><div class="text-2xl font-bold text-secondary-900 mb-spacing2">450,000 +</div><div class="text-sm leading-5.5 font-normal text-secondary-900/80">Professionals trained</div></li><li class=" z-10 list-none flex-1"><div class="text-2xl font-bold text-secondary-900 mb-spacing2">250+</div><div class="text-sm leading-5.5 font-normal text-secondary-900/80">Workshops every month</div></li><li class=" z-10 list-none flex-1"><div class="text-2xl font-bold text-secondary-900 mb-spacing2">100+</div><div class="text-sm leading-5.5 font-normal text-secondary-900/80">Countries and counting</div></li></ul></div></div></div></section></div><!--/$--><!--$--><div><section data-id="Overview" id="Overview" class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 overview-section"><div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto"><div class="row g-4"><div class="col-12 md:flex-col col-12 col-md-12 md:col-start-1 w-full"><div class="max-w-133"><h2 class="text-sm uppercase font-semibold text-neutral-500">Learn CSS3 With Confidence</h2><div class="text-3xl leading-9.75 font-bold text-mono-black mt-spacing6 mb-spacing40">Learn CSS3 With Confidence</div></div><div class=" mb-spacing40"><div class="grid grid-cols-1 gap-y-spacing20 gap-x-spacing20 md:grid-cols-3 md:gap-y-spacing40 undefined"><div class="flex flex-row items-center md:items-start md:justify-start md:flex-col min-w-262 gap-spacing20 md:gap-spacing12 pr-spacing40 undefined"><div class="relative md:h-9 md:w-11 flex md:p-0 p-spacing10 md:bg-transparent bg-primary-200 md:rounded-none rounded-lg"><i class="icon-user-square text-primary-main md:text-custom32 text-1.75xl relative z-1"></i><i class="icon-pattern md:block hidden text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64 undefined"></i></div><div class="flex flex-1 gap-y-spacing12"><div class="text-base leading-6.5 w-full md:max-w-66.25 text-neutral-800 undefined overview-list"><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>12+ Hours of Self-Paced Learning Content</span></p></div></div></div><div class="flex flex-row items-center md:items-start md:justify-start md:flex-col min-w-262 gap-spacing20 md:gap-spacing12 pr-spacing40 undefined"><div class="relative md:h-9 md:w-11 flex md:p-0 p-spacing10 md:bg-transparent bg-primary-200 md:rounded-none rounded-lg"><i class="icon-book-open text-primary-main md:text-custom32 text-1.75xl relative z-1"></i><i class="icon-pattern md:block hidden text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64 undefined"></i></div><div class="flex flex-1 gap-y-spacing12"><div class="text-base leading-6.5 w-full md:max-w-66.25 text-neutral-800 undefined overview-list"><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Practice with Guided Hands-On Exercises</span></p></div></div></div><div class="flex flex-row items-center md:items-start md:justify-start md:flex-col min-w-262 gap-spacing20 md:gap-spacing12 pr-spacing40 undefined"><div class="relative md:h-9 md:w-11 flex md:p-0 p-spacing10 md:bg-transparent bg-primary-200 md:rounded-none rounded-lg"><i class="icon-image-user-check text-primary-main md:text-custom32 text-1.75xl relative z-1"></i><i class="icon-pattern md:block hidden text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64 undefined"></i></div><div class="flex flex-1 gap-y-spacing12"><div class="text-base leading-6.5 w-full md:max-w-66.25 text-neutral-800 undefined overview-list"><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Learn-by-Doing with Immersive Learning</span></p></div></div></div><div class="flex flex-row items-center md:items-start md:justify-start md:flex-col min-w-262 gap-spacing20 md:gap-spacing12 pr-spacing40 undefined"><div class="relative md:h-9 md:w-11 flex md:p-0 p-spacing10 md:bg-transparent bg-primary-200 md:rounded-none rounded-lg"><i class="icon-file-heart text-primary-main md:text-custom32 text-1.75xl relative z-1"></i><i class="icon-pattern md:block hidden text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64 undefined"></i></div><div class="flex flex-1 gap-y-spacing12"><div class="text-base leading-6.5 w-full md:max-w-66.25 text-neutral-800 undefined overview-list"><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Test Your Learning with Recall Quizzes</span></p></div></div></div><div class="flex flex-row items-center md:items-start md:justify-start md:flex-col min-w-262 gap-spacing20 md:gap-spacing12 pr-spacing40 undefined"><div class="relative md:h-9 md:w-11 flex md:p-0 p-spacing10 md:bg-transparent bg-primary-200 md:rounded-none rounded-lg"><i class="icon-puzzle-piece text-primary-main md:text-custom32 text-1.75xl relative z-1"></i><i class="icon-pattern md:block hidden text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64 undefined"></i></div><div class="flex flex-1 gap-y-spacing12"><div class="text-base leading-6.5 w-full md:max-w-66.25 text-neutral-800 undefined overview-list"><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Unlock Knowledge with Interactive eBooks</span></p></div></div></div><div class="flex flex-row items-center md:items-start md:justify-start md:flex-col min-w-262 gap-spacing20 md:gap-spacing12 pr-spacing40 undefined"><div class="relative md:h-9 md:w-11 flex md:p-0 p-spacing10 md:bg-transparent bg-primary-200 md:rounded-none rounded-lg"><i class="icon-file-heart text-primary-main md:text-custom32 text-1.75xl relative z-1"></i><i class="icon-pattern md:block hidden text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64 undefined"></i></div><div class="flex flex-1 gap-y-spacing12"><div class="text-base leading-6.5 w-full md:max-w-66.25 text-neutral-800 undefined overview-list"><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Accelerate Progress with Auto-Graded Assessments</span></p></div></div></div></div></div><div class="relative"><div class="transition-all duration-500 overflow-hidden text-ellipsis" style="max-height:2.75rem"><div><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Whether you’re a beginner eager to dive into the world of web design or an experienced developer seeking to expand your skill set, our hands-on CSS3 course is the perfect starting point. Our immersive learning course is designed to equip you with the essential knowledge and skills to harness the power of CSS3 effectively.</span></p><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>In today's day and age, every organization, be it a business or a school, needs to have an online presence. This is where good web design is important, with user-friendly websites, of which Cascading Style Sheets (CSS) is a fundamental part. Having strong fundamentals in CSS3 is essential for any web designer to bring their creativity to life.</span></p><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Throughout the course, you will embark on a step-by-step exploration of CSS3, learn CSS3 core concepts, best practices, and practical techniques used by professionals in the field. From understanding CSS syntax and selectors to manipulating colors, fonts, and backgrounds, you will master the art of transforming raw HTML documents into stunning and dynamic web pages.</span></p><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Get started today with our </span><b><strong class="CertTheme__textBold">CSS3 free course</strong></b><span> and unlock the gateway to a world of endless possibilities in web design.</span></p></div></div></div></div></div></div></div></section></div><!--/$--><!--$--><div><section class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 pt-spacing8 md:pt-0 md:-mt-spacing8"><div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto"><div class="row g-4"><div class="col-12 md:flex-col col-12 col-md-12 md:col-start-1 w-full"><div class="p-spacing20 md:p-0 gap-x-spacing20 flex xs:flex-col  md:flex-row justify-start md:items-center relative rounded-xl bg-secondary-100"><div class="flex-grow-0 flex-shrink-0 h-full"><img alt="Contact Learning Advisor" loading="lazy" width="413" height="232" decoding="async"  class="self-end w-full h-full" style="color:transparent" src="https://d2o2utebsixu4k.cloudfront.net/CTA2-f1d21eb4869140808b780adec0efb253.svg"></div><div class="flex flex-col md:w-138 "><div class="md:pr-spacing48"><div class="text-sm leading-4 font-bold text-neutral-600 pb-spacing12">Need more information?</div><div class="text-2xl pb-spacing24 text-neutral-800 font-bold">Have more questions or need personalized guidance?</div></div><div class="group m-4 !m-0"><button class="font-bold text-base transition duration-300 ease-in-out bg-mono-black md:hover:bg-primary-main active:bg-primary-main rounded text-white px-6 py-4 items-center justify-center inline-flex md:h-14 h-11 md:!px-spacing28 !px-spacing16 !py-0" tabindex="-1"><p class="">Contact Learning Advisor</p></button><div class="relati"></div></div></div></div></div></div></div></section></div><!--/$--><!--$--><div><section data-id="Who Should Attend" id="Who Should Attend" class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 bg-subdued md:bg-white md:!py-spacing48 md:mt-0"><div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto"><div class="row g-4"><div class="col-12 md:flex-col col-12 col-md-12 md:col-start-1 w-full"><div class="grid md:grid-cols-3 md:bg-subdued md:rounded-20 md:pl-10"><div class="flex flex-col col-12 col-md-2 md:py-spacing40"><div class="md:!col-span-2 md:flex md:items-center col-12 col-md-5"><div class="w-full"><div class="max-w-133"><h2 class="text-sm uppercase font-semibold text-neutral-500">Who Can Attend the Course</h2><div class="text-3xl leading-9.75 font-bold text-mono-black mt-spacing6 mb-spacing24">Who Should Attend</div></div><ul class="flex flex-col flex-wrap list-none p-0 gap-x-spacing12 gap-y-spacing8 md:grid md:grid-cols-2"><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full"> Web Designers</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full"> Front-End Developers</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full"> Web Application Developers</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full">Freshers</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full">Anyone looking to create an online presence</span></li></ul></div></div></div><img alt="Can I learn" loading="lazy" width="299" height="302" decoding="async"  class="self-end" style="color:transparent" src="https://d2o2utebsixu4k.cloudfront.net/Who Should Learn Img SVG-688c8326e0304a2ba2daa7722181683d.svg"></div></div></div></div></section></div><!--/$--><div><section data-id="What You Will Learn" id="What You Will Learn" class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 !py-0 sm:!py-spacing48 my-spacing32 sm:my-0 bg-subdued md:bg-white"><div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto"><div class="row g-4"><div class="col-12 md:flex-col col-12 col-md-12 md:col-start-1 w-full"><div class="flex items-center justify-center"><div class="bg-subdued w-full md:p-spacing40 py-spacing40 md:rounded-custom20 xs:rounded-none"><div class="max-w-133"><div class="text-3xl leading-9.75 font-bold text-mono-black mt-spacing6 !mt-spacing6 mb-spacing40">What You Will Learn</div></div><div class="grid grid-cols-1 md:grid-cols-2 gap-spacing40"><div class="flex gap-x-spacing16 w-full overflow-hidden xs:w-full visible"><div class="relative"><div class="w-9 h-9 rounded-200 z-0 bg-primary-200 absolute top-1.5"></div><div class="h-9 w-9 text-sm leading-4 z-1 relative bg-white border font-semibold rounded-200 border-primary-main flex justify-center items-center text-primary-main">1</div></div><div class="flex-1"><div class="text-lg leading-6 text-neutral-800 font-bold line-clamp-1"> HTML Form Validation Mastery</div><div class=" max-h-max mt-spacing8"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>Implementing form input validation using HTML form and input attributes.</span></p></div></div></div></div><div class="flex gap-x-spacing16 w-full overflow-hidden xs:w-full visible"><div class="relative"><div class="w-9 h-9 rounded-200 z-0 bg-primary-200 absolute top-1.5"></div><div class="h-9 w-9 text-sm leading-4 z-1 relative bg-white border font-semibold rounded-200 border-primary-main flex justify-center items-center text-primary-main">2</div></div><div class="flex-1"><div class="text-lg leading-6 text-neutral-800 font-bold line-clamp-1">HTML Content Structuring</div><div class=" max-h-max mt-spacing8"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>Structuring HTML content effectively using semantic tags.</span></p></div></div></div></div><div class="flex gap-x-spacing16 w-full overflow-hidden xs:w-full visible"><div class="relative"><div class="w-9 h-9 rounded-200 z-0 bg-primary-200 absolute top-1.5"></div><div class="h-9 w-9 text-sm leading-4 z-1 relative bg-white border font-semibold rounded-200 border-primary-main flex justify-center items-center text-primary-main">3</div></div><div class="flex-1"><div class="text-lg leading-6 text-neutral-800 font-bold line-clamp-1"> CSS Styling Techniques</div><div class=" max-h-max mt-spacing8"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>Utilizing cascading styles in CSS to style web pages across different browsers.</span></p></div></div></div></div><div class="flex gap-x-spacing16 w-full overflow-hidden xs:w-full visible"><div class="relative"><div class="w-9 h-9 rounded-200 z-0 bg-primary-200 absolute top-1.5"></div><div class="h-9 w-9 text-sm leading-4 z-1 relative bg-white border font-semibold rounded-200 border-primary-main flex justify-center items-center text-primary-main">4</div></div><div class="flex-1"><div class="text-lg leading-6 text-neutral-800 font-bold line-clamp-1">Webpage Elements</div><div class=" max-h-max mt-spacing8"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>Controlling the positioning and floating of elements on a webpage.</span></p></div></div></div></div><div class="flex gap-x-spacing16 w-full overflow-hidden xs:w-full visible"><div class="relative"><div class="w-9 h-9 rounded-200 z-0 bg-primary-200 absolute top-1.5"></div><div class="h-9 w-9 text-sm leading-4 z-1 relative bg-white border font-semibold rounded-200 border-primary-main flex justify-center items-center text-primary-main">5</div></div><div class="flex-1"><div class="text-lg leading-6 text-neutral-800 font-bold line-clamp-1">Crafting Layouts</div><div class=" max-h-max mt-spacing8"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>Creating layouts using CSS techniques such as flexbox.</span></p></div></div></div></div><div class="flex gap-x-spacing16 w-full overflow-hidden xs:w-full visible"><div class="relative"><div class="w-9 h-9 rounded-200 z-0 bg-primary-200 absolute top-1.5"></div><div class="h-9 w-9 text-sm leading-4 z-1 relative bg-white border font-semibold rounded-200 border-primary-main flex justify-center items-center text-primary-main">6</div></div><div class="flex-1"><div class="text-lg leading-6 text-neutral-800 font-bold line-clamp-1">Responsive Web Design</div><div class=" max-h-max mt-spacing8"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Incorporating responsive web design (RWD) principles.</span></p></div></div></div></div><div class="gap-x-spacing16 w-full overflow-hidden xs:w-full hidden"><div class="relative"><div class="w-9 h-9 rounded-200 z-0 bg-primary-200 absolute top-1.5"></div><div class="h-9 w-9 text-sm leading-4 z-1 relative bg-white border font-semibold rounded-200 border-primary-main flex justify-center items-center text-primary-main">7</div></div><div class="flex-1"><div class="text-lg leading-6 text-neutral-800 font-bold line-clamp-1"> Transforms &amp; Animations</div><div class=" max-h-max mt-spacing8"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Applying transforms, transitions, and animations to enhance web elements.</span></p></div></div></div></div><div class="gap-x-spacing16 w-full overflow-hidden xs:w-full hidden"><div class="relative"><div class="w-9 h-9 rounded-200 z-0 bg-primary-200 absolute top-1.5"></div><div class="h-9 w-9 text-sm leading-4 z-1 relative bg-white border font-semibold rounded-200 border-primary-main flex justify-center items-center text-primary-main">8</div></div><div class="flex-1"><div class="text-lg leading-6 text-neutral-800 font-bold line-clamp-1">Real-World Website Development</div><div class=" max-h-max mt-spacing8"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Applying acquired knowledge to develop a practical website project.</span></p></div></div></div></div><div class="gap-x-spacing16 w-full overflow-hidden xs:w-full hidden"><div class="relative"><div class="w-9 h-9 rounded-200 z-0 bg-primary-200 absolute top-1.5"></div><div class="h-9 w-9 text-sm leading-4 z-1 relative bg-white border font-semibold rounded-200 border-primary-main flex justify-center items-center text-primary-main">9</div></div><div class="flex-1"><div class="text-lg leading-6 text-neutral-800 font-bold line-clamp-1"> CSS Measurement Units</div><div class=" max-h-max mt-spacing8"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Understanding the various units of measurement utilized in CSS.</span></p></div></div></div></div></div><div class="relative"><div class="mt-spacing20 z-10 relative text-center flex justify-center"><button class="flex items-center gap-x-spacing8 py-spacing4"><span class="text-sm underline font-semibold text-mono-black">View all</span><i class="icon-chevron-down-double text-xl leading-5 text-neutral-800 rotate-0"></i></button></div><div class="absolute bottom-0 block h-32 w-full bg-gradient-to-t from-subdued/100 from-65% z-1"></div></div></div></div></div></div></div></section></div><!--$--><div><section data-id="Why SureCertificate" id="Why SureCertificate" class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0"><div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto"><div class="row g-4"><div class="col-12 md:flex-col col-12 col-md-12 md:col-start-1 w-full"><div class="max-w-133"><h2 class="text-sm uppercase font-semibold text-neutral-500">WHY KNOWLEDGEHUT?</h2><div class="text-3xl leading-9.75 font-bold text-mono-black mt-spacing6 mb-spacing40">The SureCertificate Edge</div></div><div class=""><div class="grid grid-cols-1 gap-y-spacing32 gap-x-spacing32 md:grid-cols-2 md:gap-y-spacing40 undefined"><div class="flex flex-row items-start md:justify-start md:flex-col min-w-262 gap-spacing12 md:pr-spacing64 visible"><div class="relative h-9 w-11 flex"><i class="icon-bookmark-check text-primary-main text-custom32 relative z-1"></i><i class="icon-pattern block text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64"></i></div><div class="flex flex-1 gap-y-spacing12 flex-col"><h3 class="text-lg leading-6 w-full text-neutral-800 font-bold undefined">Superior Outcomes</h3><div class="text-base leading-6.5 w-full text-neutral-700 undefined overview-list">Focus on skilled-based outcomes with advanced insights from our state-of-the art learning platform.</div></div></div><div class="flex flex-row items-start md:justify-start md:flex-col min-w-262 gap-spacing12 md:pr-spacing64 visible"><div class="relative h-9 w-11 flex"><i class="icon-zap-square text-primary-main text-custom32 relative z-1"></i><i class="icon-pattern block text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64"></i></div><div class="flex flex-1 gap-y-spacing12 flex-col"><h3 class="text-lg leading-6 w-full text-neutral-800 font-bold undefined">Immersive Learning</h3><div class="text-base leading-6.5 w-full text-neutral-700 undefined overview-list">Go beyond just videos and learn hands-on with guided exercises, projects, assignments and more.  </div></div></div><div class="flex flex-row items-start md:justify-start md:flex-col min-w-262 gap-spacing12 md:pr-spacing64 visible"><div class="relative h-9 w-11 flex"><i class="icon-compass text-primary-main text-custom32 relative z-1"></i><i class="icon-pattern block text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64"></i></div><div class="flex flex-1 gap-y-spacing12 flex-col"><h3 class="text-lg leading-6 w-full text-neutral-800 font-bold undefined">Continual Support</h3><div class="text-base leading-6.5 w-full text-neutral-700 undefined overview-list">Learn better with support along the way. Get 24/7 help, stay unblocked and ramp up your skills.  </div></div></div><div class="flex flex-row items-start md:justify-start md:flex-col min-w-262 gap-spacing12 md:pr-spacing64 visible"><div class="relative h-9 w-11 flex"><i class="icon-book-closed text-primary-main text-custom32 relative z-1"></i><i class="icon-pattern block text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64"></i></div><div class="flex flex-1 gap-y-spacing12 flex-col"><h3 class="text-lg leading-6 w-full text-neutral-800 font-bold undefined">World-Class Instructors</h3><div class="text-base leading-6.5 w-full text-neutral-700 undefined overview-list">Course instructors and designers from top businesses including Google, Amazon, Twitter, and IBM.</div></div></div><div class="flex flex-row items-start md:justify-start md:flex-col min-w-262 gap-spacing12 md:pr-spacing64 visible"><div class="relative h-9 w-11 flex"><i class="icon-microscope text-primary-main text-custom32 relative z-1"></i><i class="icon-pattern block text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64"></i></div><div class="flex flex-1 gap-y-spacing12 flex-col"><h3 class="text-lg leading-6 w-full text-neutral-800 font-bold undefined">Real-World Learning</h3><div class="text-base leading-6.5 w-full text-neutral-700 undefined overview-list">Get an intimate, insider look at leading companies in the field through real-world case studies.  </div></div></div><div class="flex flex-row items-start md:justify-start md:flex-col min-w-262 gap-spacing12 md:pr-spacing64 visible"><div class="relative h-9 w-11 flex"><i class="icon-image-user-check text-primary-main text-custom32 relative z-1"></i><i class="icon-pattern block text-secondary-200 text-custom32 absolute top-1 left-3 opacity-64"></i></div><div class="flex flex-1 gap-y-spacing12 flex-col"><h3 class="text-lg leading-6 w-full text-neutral-800 font-bold undefined">Industry-Vetted Curriculum</h3><div class="text-base leading-6.5 w-full text-neutral-700 undefined overview-list">Six months of post-training mentor guidance to overcome challenges in your web development career.  </div></div></div></div></div></div></div></div></section></div><!--/$--><!--$--><div><section data-id="Skills You Will Gain" id="Skills You Will Gain" class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 bg-subdued md:bg-white md:!py-spacing48 md:mt-0"><div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto"><div class="row g-4"><div class="col-12 md:flex-col col-12 col-md-12 md:col-start-1 w-full"><div class="grid md:grid-cols-3 md:bg-subdued md:rounded-20 md:pl-10"><div class="flex flex-col col-12 col-md-2 md:py-spacing40"><div class="md:!col-span-2 md:flex md:items-center col-12 col-md-5"><div class="w-full"><div class="max-w-133"><div class="text-3xl leading-9.75 font-bold text-mono-black mt-spacing6 mb-spacing24">Skills You Will Gain</div></div><ul class="flex flex-col flex-wrap list-none p-0 gap-x-spacing12 gap-y-spacing8 md:grid md:grid-cols-2"><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full"> Designing attractive web pages</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full">Using CSS to style text and make it look great</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full">Playing with colors and sizes using CSS for visual appeal</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full">Mastering CSS3 techniques to create well-structured layouts</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full">Creating complex layouts to help web pages stand out</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full">Choosing the best layout technique for different situations</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full">Applying advanced CSS features for interactive experiences</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full"> Styling web pages with precise control</span></li><li class="list-outside text-neutral-700 list-disc ml-5"><span class="text-base leading-6.5 font-normal text-neutral-700 w-full">Managing CSS for large applications</span></li></ul></div></div></div><img alt="Whoshouldlearn image" loading="lazy" width="299" height="302" decoding="async"  class="self-end" style="color:transparent" srcSet="" src="https://images.unsplash.com/photo-1535905557-58cb6c7a44aa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80"></div></div></div></div></section></div><!--/$--><!--$--><div><section data-id="Curriculum" id="Curriculum" class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 bg-subdued md:bg-white !py-0 md:!py-spacing48"><div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto"><div class="row g-4"><div class="col-12 md:flex-col col-12 col-md-12 md:col-start-1 w-full"><div class="flex items-center justify-center font-Inter"><div class="bg-subdued w-full md:p-spacing40 py-spacing40 rounded-custom20"><div class="flex justify-between items-center mb-spacing40"><div class="items-center flex-1"><div class="max-w-133"><h2 class="text-sm uppercase font-semibold text-neutral-500">CSS3 Free Course Curriculum</h2><div class="text-3xl leading-9.75 font-bold text-mono-black mt-spacing6">Curriculum</div></div></div></div><div class="relative w-full"><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-primary-main outline-2 shadow-card hover:shadow-card visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-t-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">1. Introduction to CSS</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-0 text-neutral-800"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><b><strong class="CertTheme__textBold">Learning Objective:</strong></b></p><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Discover Cascading Style Sheets (CSS) and its role in visually styling HTML documents. Learn about the use of CSS selectors to target HTML elements, creating external stylesheets for use across multiple pages, and the lowdown on overriding styles. You’ll work with CSS properties and rulesets including units for position and size, the ever-important box model, and its features and pseudo-classes.</span></p></div></div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Topics</span></p><ul class="CertTheme__ul"><li value="1" class="CertTheme__listItem"><span>Using the Style Tag</span></li><li value="2" class="CertTheme__listItem"><span>Targeting HTML Elements</span></li><li value="3" class="CertTheme__listItem"><span>Targeting nested HTML Elements</span></li><li value="4" class="CertTheme__listItem"><span>Using External Stylesheets</span></li><li value="5" class="CertTheme__listItem"><span>Overriding CSS Styles</span></li><li value="6" class="CertTheme__listItem"><span>Common CSS Properties</span></li><li value="7" class="CertTheme__listItem"><span>CSS Units</span></li><li value="8" class="CertTheme__listItem"><span>The CSS Box Model</span></li><li value="9" class="CertTheme__listItem"><span>More CSS Properties</span></li><li value="10" class="CertTheme__listItem"><span>CSS Pseudo-Classes</span></li></ul><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><b><strong class="CertTheme__textBold">Hands-on</strong></b></p><ul class="CertTheme__ul"><li value="1" class="CertTheme__listItem"><span>Using the Style element</span></li><li value="2" class="CertTheme__listItem"><span>Targeting HTML elements in CSS</span></li><li value="3" class="CertTheme__listItem"><span>Targeting nested HTML elements</span></li><li value="4" class="CertTheme__listItem"><span>Using external stylesheet</span></li><li value="5" class="CertTheme__listItem"><span>Styling using external stylesheets</span></li><li value="6" class="CertTheme__listItem"><span>Common CSS properties</span></li><li value="7" class="CertTheme__listItem"><span>More CSS Properties for CSS Box</span></li><li value="8" class="CertTheme__listItem"><span>CSS Pseudo-classes</span></li></ul></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">2. Advanced CSS</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><b><strong class="CertTheme__textBold">Learning Objective:</strong></b></p><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Step up with CSS as you learn about positioning elements followed by advanced features such as using pseudo-elements, variables, custom web fonts, and importing and composing stylesheets.</span></p></div></div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Topics</span></p><ul class="CertTheme__ul"><li value="1" class="CertTheme__listItem"><span>CSS Positioning- Static, Relative and Absolute</span></li><li value="2" class="CertTheme__listItem"><span>CSS Positioning - Fixed and Sticky</span></li><li value="3" class="CertTheme__listItem"><span>CSS Pseudo-Elements ::Before and ::After</span></li><li value="4" class="CertTheme__listItem"><span>CSS Variables</span></li><li value="5" class="CertTheme__listItem"><span>Custom fonts in CSS</span></li><li value="6" class="CertTheme__listItem"><span>Importing External Stylesheets</span></li></ul><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><b><strong class="CertTheme__textBold">Hands-on</strong></b></p><ul class="CertTheme__ul"><li value="1" class="CertTheme__listItem"><span>CSS Positioning</span></li><li value="2" class="CertTheme__listItem"><span>CSS Positioning 2</span></li><li value="3" class="CertTheme__listItem"><span>CSS Pseudo-Elements</span></li><li value="4" class="CertTheme__listItem"><span>CSS Variables</span></li><li value="5" class="CertTheme__listItem"><span>Custom Fonts in CSS</span></li><li value="6" class="CertTheme__listItem"><span>Using the @import Keyword</span></li></ul></div></div></div></div></div><div class="relative"><div class="mt-spacing20 z-10 relative text-center flex justify-center !-mt-spacing32"><button class="items-center gap-x-spacing8 py-spacing4 flex flex-row-reverse bg-mono-black pl-spacing24 pr-spacing28 transition duration-300 ease-in-out h-14 gap-spacing12 rounded w-full md:w-fit justify-center"><span class="font-semibold text-base text-mono-white no-underline">Download Curriculum</span><i class="icon-chevron-down-double text-xl leading-5 icon-download text-mono-white"></i></button></div><div class="block w-full bg-gradient-to-t from-subdued/100 from-50% md:from-40% absolute md:bottom-spacing32 bottom-0 md:h-19 h-32"></div></div></div></div></div></div></div></div></section></div><!--/$--><!--$--><div><section data-id="Frequently Asked Questions" id="Frequently Asked Questions" class="py-spacing44 sm:py-spacing48 xl:px-spacing80 sm:px-spacing112 px-0 bg-subdued md:bg-white !py-0 md:!py-spacing48"><div class="px-spacing20 md:px-0 w-full 2xl:max-w-7xl mx-auto"><div class="row g-4"><div class="col-12 md:flex-col col-12 col-md-12 md:col-start-1 w-full"><div class="flex items-center justify-center font-Inter"><div class="bg-subdued w-full md:p-spacing40 py-spacing40 rounded-custom20"><div class="flex justify-between items-center"><div class="items-center flex-1"><div class="max-w-133"><h2 class="text-sm uppercase font-semibold text-neutral-500">CSS3 Free Certification</h2><div class="text-3xl leading-9.75 font-bold text-mono-black mt-spacing6">CSS3 Free Certification</div></div></div></div><div class=""><div><div class="relative flex w-fit items-center max-w-full customized-x-scrollbar gap-spacing12 md:gap-spacing24 rounded-xl bg-white p-spacing8 shadow-primaryDouble my-6 md:my-spacing40"><button class="z-1 rounded-lg px-spacing16 h-10 transition-all duration-300 ease-out flex items-center gap-spacing8 whitespace-nowrap font-semibold text-primary-900 bg-primary-100 delay-300"><h3 class="text-sm md:text-base first-letter:capitalize">CSS3 Free Course</h3></button><button class="z-1 rounded-lg px-spacing16 h-10 transition-all duration-300 ease-out flex items-center gap-spacing8 whitespace-nowrap bg-transparent font-medium text-neutral-800 hover:text-primary-600"><h3 class="text-sm md:text-base first-letter:capitalize">Career-Related FAQs</h3></button><button class="z-1 rounded-lg px-spacing16 h-10 transition-all duration-300 ease-out flex items-center gap-spacing8 whitespace-nowrap bg-transparent font-medium text-neutral-800 hover:text-primary-600"><h3 class="text-sm md:text-base first-letter:capitalize">FAQs on CSS3</h3></button><span class="absolute block h-10 rounded-lg bg-primary-100 transition-all duration-300" style="left:0;width:0;opacity:1"></span></div></div><div class=""><div><div class="text-xl text-neutral-800 mb-spacing20 font-bold"></div><div class="relative w-full"><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-primary-main outline-2 shadow-card hover:shadow-card visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-t-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">1. Where can I learn CSS3 for free?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-0 text-neutral-800"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>If you're looking to </span><b><strong class="CertTheme__textBold">learn CSS3 for free</strong></b><span>, there are several online platforms and resources available to help you get started. However, this introductory course on CSS3 is your best option for helping you strengthen your fundamentals in this technology. Our two modules will take you through everything you need to learn CSS3 well. From introductory concepts like CSS Selectors to advanced concepts like CSS pseudo-elements, we cover them all.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">2. I’m a novice in web development. Is this course suitable for me?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Yes, this </span><b><strong class="CertTheme__textBold">free CSS3 training</strong></b><span> is suitable even for novices looking to build their </span><a href="../blog.php" target="_blank" class="CertTheme__link"><span>career in web development</span></a><span>. You will build solid fundamental knowledge in CSS3 and learn how to create impressive web pages that are responsive across devices.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">3. Why should I learn CSS3?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Learning CSS3 is essential for anyone interested in web design and development. By mastering CSS3, you acquire the ability to bring your creative vision to life and create visually impressive websites. CSS3 allows you to customize the appearance of web pages, from typography and colors to layout and animations. It empowers you to design responsive and user-friendly interfaces that adapt to different devices and screen sizes. With CSS3 skills, you can enhance the user experience, improve website performance, and make your web projects stand out.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">4. Can I pursue this course along with my full-time job?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>Absolutely! Our </span><a href="https://www.upgrad.com/blog/best-online-courses-with-certificate/" target="_blank" class="CertTheme__link"><span>online course</span></a><span> offers the flexibility you need to skill up at your own convenience. It is designed in a self-paced mode, allowing you to find the perfect balance between work and learning. You can tailor your course progress according to your schedule and make the most out of your learning journey.</span></p><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>If you are keen on advancing your web development portfolio, consider earning a </span><b><strong class="CertTheme__textBold">CSS3 free certification</strong></b><span> from a reputable online platform like SureCertificate.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">5. Is there a prerequisite to learn CSS3?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>To learn CSS3, there aren’t any specific prerequisites. However, having a basic understanding of HTML (Hypertext Markup Language) is beneficial as CSS3 works hand-in-hand with HTML. Familiarity with the structure and syntax of HTML tags will help you apply CSS3 styles to different elements effectively.</span></p><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>Having a general understanding of web development concepts and how websites are structured will also be good. This includes knowledge of web browsers, how they render web pages, and basic concepts of responsive design.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow hidden"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">6. Will I get a certificate after completing this free CSS3 course?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Yes, this </span><b><strong class="CertTheme__textBold">free CSS3 course</strong></b><span> comes with a certificate of completion which SureCertificate will issue once you complete the course. You can then use this certificate as proof of the skills and knowledge that you have acquired in using CSS3 in web development.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow hidden"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">7. Can I complete this free CSS3 course in 3 months?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>Yes, this free CSS3 certification course can be completed well within three months. This is a self-paced course, so you can do this at your own convenience. The learning materials can be covered in a short amount of time. Your skills in using CSS3 will develop with practice. It is recommended that you try the different features and challenge yourself to make better web pages to improve your skills as a web developer.</span></p><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>You will also need to have strong </span><a href="../blog.php" target="_blank" class="CertTheme__link"><span>HTML</span></a><span> fundamentals to make your website look better. Remember that CSS3 is only one among a list of numerous tools at the hands of a web developer.</span></p></div></div></div></div></div><div class="relative"><div class="mt-spacing20 z-10 relative text-center flex justify-center mt-0"><button class="flex items-center gap-x-spacing8 py-spacing4"><span class="text-sm underline font-semibold text-mono-black">View More</span><i class="icon-chevron-down-double text-xl leading-5 text-neutral-800"></i></button></div><div class="absolute bottom-0 block h-32 w-full bg-gradient-to-t from-subdued/100 from-30% md:from-40%"></div></div></div></div></div><div class="hidden"><div><div class="text-xl text-neutral-800 mb-spacing20 font-bold"></div><div class="relative w-full"><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-primary-main outline-2 shadow-card hover:shadow-card visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-t-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">1. What is the salary of a web designer/developer skilled in CSS3 in India?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-0 text-neutral-800"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>The </span><a href="https://www.ambitionbox.com/profile/html-css-developer-salary" target="_blank" rel="nofollow" class="CertTheme__link"><span>salary</span></a><span> of a web designer/developer skilled in CSS3 in India varies depending on several factors - experience, location, organization, and industry are a few of them. On average, a web designer/developer proficient in CSS3 can earn an average of $0 Lakhs per annum in India. However, salaries may differ in metropolitan cities or as total work experience levels increase.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">2. Is CSS3 in high demand?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>There is a huge demand for CSS3 skilled web developers in the industry. The most recent version of CSS, CSS3, has advanced features and abilities that let programmers design cutting-edge, visually appealing, and interactive websites. It is crucial for creating compelling user experiences since it may offer flexible design, adaptable layouts, animations, and other style possibilities. As you are aware, while building websites, especially those that are mobile-responsive, user-centric design must be the main focus. For this reason, any business that wishes to have a captivating and responsive web interface would highly value CSS3 expertise.</span></p></div></div></div></div></div></div></div></div><div class="hidden"><div><div class="text-xl text-neutral-800 mb-spacing20 font-bold"></div><div class="relative w-full"><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-primary-main outline-2 shadow-card hover:shadow-card visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-t-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">1. What is CSS3?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-0 text-neutral-800"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Cascading Style Sheets 3, or CSS3, is a powerful style language that is used in online design and development. It is essential to learn CSS3's for the purpose of improving the aesthetic appeal of web pages. When using CSS3, you may give HTML components like fonts, colors, backgrounds, and layouts a variety of styles and effects. You'll be able to design websites with a unique look and feel and make them aesthetically appealing.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">2. Is CSS3 a programming language?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>No, CSS3 is not a </span><a href="https://www.upgrad.com/blog/top-programming-languages-of-the-future/" target="_blank" class="CertTheme__link"><span>language for programming</span></a><span>. It is a language for creating style sheets that is used with HTML to format and style web pages. While dynamic functionality and interaction are made possible by computer languages like </span><a href="../web-development/javascript.php" target="_blank" class="CertTheme__link"><span>JavaScript</span></a><span>, CSS3 focuses on the visual display of web content. Colors, fonts, layouts, and animations are just a few examples of the components that may be shown in different ways on a webpage thanks to CSS3. It enables site designers to manage HTML element look and layout. Consequently, CSS3 is a crucial tool in web development for producing aesthetically appealing and engaging user experiences even though it is not a programming language.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">3. What are the main features of CSS3?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard" style="text-align: left;"><span>A number of key elements that improve web design may be found when you </span><b><strong class="CertTheme__textBold">learn CSS3</strong></b><span>. CSS3 has several important features, such as:</span></p><ul class="CertTheme__ul"><li value="1" class="CertTheme__listItem"><span>Selectors: Selectors introduced by CSS3 enable exact targeting of HTML components for styling.</span></li><li value="2" class="CertTheme__listItem"><span>Box Model: CSS3 gives you more control over an element's layout by allowing you to adjust its size, padding, border, and margin.</span></li><li value="3" class="CertTheme__listItem"><span>Responsive Design: Media queries and flexible units provided by CSS3 allow for the building of responsive websites that can change their layout to fit different screen sizes.</span></li><li value="4" class="CertTheme__listItem"><span>Transitions and Animations: With the help of CSS3, you can provide items slick and captivating visual effects.</span></li><li value="5" class="CertTheme__listItem"><span>Flexbox: The CSS3 flexbox layout style makes it easier to create responsive and flexible designs.</span></li><li value="6" class="CertTheme__listItem"><span>Typography: CSS3 offers tools for creative control over typography, such as text shadows, text wrapping, and custom fonts.</span></li></ul></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">4. What is the latest version of CSS3?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>The most recent version of CSS, commonly referred to as CSS3, offers new features and capabilities to improve web design. It improves on earlier CSS versions and is still extensively used in contemporary web development.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow visible"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">5. What is the difference between CSS and CSS3?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>The visual presentation of HTML components on a web page is specified using the style sheet language known as CSS (Cascading Style Sheets). Contrarily, CSS3, the most recent version of CSS, offers additional features, improvements, and capabilities above earlier iterations. Advanced selectors, flexbox layout, animations, transitions, media queries for responsive design, and more are all provided by CSS3. These CSS3 features provide web developers and designers greater freedom, flexibility, and alternatives to make engaging and dynamic websites. Web design is strengthened and made more engaging using CSS3, which builds on the basis of CSS.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow hidden"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">6. Why do we use CSS3?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>The visual presentation of HTML components on a web page is defined by using the style sheet language known as CSS (Cascading Style Sheets). However, CSS3, the most recent version of CSS, offers additional features, improvements, and capabilities above earlier iterations. Advanced selectors, flexbox layout, animations, transitions, media queries for responsive design, and more are all accessible via CSS3. These CSS3 features provide web developers and designers greater freedom, flexibility, and alternatives to make engaging and dynamic websites. Web design is strengthened and made more engaging using CSS3, which builds on the basis of CSS.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow hidden"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">7. What is the difference between HTML5 and CSS3?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Both HTML5 and CSS3 are essential for web development, even though they serve different functions. The most recent version of HTML, known as HTML5, is geared toward improving the structure and content of web pages. CSS3 (Cascading Style Sheets), on the other hand, is a style sheet language that works in conjunction with HTML5. It regulates how HTML components are presented and how they appear visually. Colours, fonts, layouts, and animations may all be changed using CSS3. In essence, HTML5 specifies the organisation of online pages, whereas CSS3 specifies their appearance. Because of this, HTML and CSS are frequently used together.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow hidden"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">8. How many types of CSS3 are there?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Cascading Style Sheets, or CSS, has several versions, the most recent of which is CSS3.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow hidden"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">9. What are CSS3 modules?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>Each of the modules that make up CSS3 focuses on a different component of style. Selectors, Box Model, Text Effects, Transitions, Animations, and Flexbox are a few of the key CSS3 modules.</span></p></div></div></div></div></div><div class="rounded-xl mb-spacing24 last:mb-0 outline duration-300 transition ease-in-out outline-1 outline-neutral-200 hover:outline-neutral-400 hover:shadow-neutralShadow hidden"><div class="cursor-pointer items-center justify-between p-4 transition-all duration-500 undefined bg-white p-spacing16 pl-spacing24 flex gap-spacing8 rounded-xl"><div class="flex text-sm font-semibold items-center"><h3 class="text-neutral-800 font-bold text-sm leading-5.5 line-clamp-2 -indent-5 pl-5">10. How many CSS3 properties are there?</h3></div><div class="md:w-5 md:h-5 w-6 h-6 ml-spacing8 flex items-center transition-all duration-300"><i class="icon-chevron-up-filled inline-block transition-transform duration-300 text-xl rotate-180 text-primary-main"></i></div></div><div class="overflow-hidden p-0 transition-all duration-500 ease-in-out rounded-b-xl" style="max-height:0px"><div><div class="p-spacing24 bg-white border-t border-neutral-200 faq-editor-content last:rounded-b-xl"><div class=""><p class="CertTheme__paragraph" dir="ltr" data-mode="standard"><span>CSS3 provides numerous properties that allow web designers/developers to precisely control the appearance of various web elements. The exact count will vary because you have to account for specifications and browser support, but there are hundreds of CSS3 properties available. These properties cover various aspects such as colors, fonts, layouts, animations, transitions, and more, which is how it lends flexibility to web design.</span></p></div></div></div></div></div><div class="relative"><div class="mt-spacing20 z-10 relative text-center flex justify-center mt-0"><button class="flex items-center gap-x-spacing8 py-spacing4"><span class="text-sm underline font-semibold text-mono-black">View More</span><i class="icon-chevron-down-double text-xl leading-5 text-neutral-800"></i></button></div><div class="absolute bottom-0 block h-32 w-full bg-gradient-to-t from-subdued/100 from-30% md:from-40%"></div></div></div></div></div></div></div></div></div></div></div></section></div><!--/$--></div><div id="chatContainer" class="hidden fixed right-2.5 bottom-20 z-50 items-end"><div class="hidden md:flex items-end"><div id="chatToolTip" class="hidden relative tooltip-bottom chatToolTipDiv"><span class="font-bold">Hello! Ready to elevate your career? Explore 500+ future-ready courses with SureCertificate  🚀</span><span id="toolTipClose" class="cursor-pointer absolute top-0 right-1.5">x</span></div><div id="chatButton" class="cursor-pointer relative"><div class="h-15 w-15 flex items-center justify-center rounded-128 bg-primary-main text-mono-white"><i class="icon-message-filled text-1.75xl"></i></div><div id="notificationCounter" class="hidden absolute top-0 right-0 md:top-1 md:right-1 w-3.5 h-3.5 bg-red-600 rounded-full outline outline-1 outline-white text-center text-white text-xs leading-3 font-bold">1</div></div></div><div class="flex items-center gap-spacing4 md:hidden"><div id="chatButtonMobile" class="flex justify-center items-center h-12 w-12 bg-mono-white shadow-elevation rounded-128"><i class="icon-message-filled text-2xl text-mono-black"></i></div></div></div>
<?php include __DIR__ . '/../footer.php'; ?>
