Bring websites to life — master CSS to create visually stunning, responsive, and accessible web pages with modern layouts, animations, and professional design techniques.
CSS is what transforms plain HTML into beautiful, modern web experiences. CSS Essentials covers the fundamentals of Cascading Style Sheets from the ground up — selectors, properties, the box model, responsive design, Flexbox, CSS Grid, transitions, animations, Bootstrap, and CSS preprocessors Sass and Less. The course also covers accessibility best practices to ensure web content is inclusive and usable for all. By the end, learners will be able to design beautiful, modern websites and will have completed a comprehensive web design lab project. Developed in collaboration with OpenEDG, this course prepares learners for the WDA™ – Certified Associate Web Developer certification exam from the OpenEDG JS Institute. This is part of the Web Development Learning Collection.
Curriculum Chapters
- 1. CSS Basics
- 2. Properties and Values
- 3. The Box Model
- 4. Floats and Media Queries
- 5. Flexbox and CSS Grid
- 6. Transitions, Interactivity, and Animations
- 7. Bootstrap
- 8. Sass and Less
- 9. Accessibility
Skills You Will Learn
Apply CSS selectors and fundamental properties and values to style web pages. Understand and apply the CSS box model to control element spacing, borders, and dimensions. Use floats and media queries to create responsive layouts that adapt to different screen sizes. Build modern, flexible layouts using Flexbox and CSS Grid. Add interactivity and visual polish using CSS transitions and animations. Build responsive websites rapidly using the Bootstrap framework. Apply CSS preprocessors Sass and Less to write maintainable and scalable stylesheets. Apply CSS accessibility best practices to create inclusive and usable web content. Apply skills across a comprehensive final web design lab project.
Technologies Used
CSS3
Bootstrap framework
Sass & Less preprocessors
Flexbox & CSS Grid
Final Lab Project: Comprehensive Web Design
Course Details
Course Type: Free self-paced
Time: 30 Hours
Modules: 9
Level: Beginner
Prerequisites
None formally required. Completion of HTML Essentials is strongly recommended as the first course in the Web Development Learning Collection.
Certification & Career
Career and Certification alignment: This course prepares learners for the WDA™ – Certified Associate Web Developer certification exam from the OpenEDG JS Institute. This is part of the Web Development Learning Collection, developed in collaboration with OpenEDG.
Achievements & Badges
Upon completion, earn a Cisco Networking Academy digital badge. Learners can also pursue the optional WDA™ – Certified Associate Web Developer certification exam. Share your verified achievements on LinkedIn, your CV, or professional profile.
What Cisco verifies: Cisco verifies the earner of this badge successfully completed the CSS Essentials course. The holder of this credential has foundational CSS skills including applying selectors, properties, and the box model, creating responsive layouts with Flexbox, CSS Grid, and media queries, adding transitions and animations, using Bootstrap and CSS preprocessors, and applying accessibility best practices to design beautiful, modern web pages.
Ready to Start This Course?
This course is delivered through Cisco Networking Academy — the official global learning platform. To enroll, click the button and you will be taken to the official course page on netacad.com. If you already have a Cisco Networking Academy account, simply log in and click Get Started. If you are new to the platform, creating a free account takes less than a minute. Enrollment is completely free.
You will be redirected to netacad.com.
A free account is required to enroll.