Complete Guide to CSS

Online courses

Complete Guide to CSS

A female programmer works with a colleague

Do you want to learn CSS from scratch? A comprehensive course for beginners and advanced – with perpetual access, so you can learn and repeat at your own pace.

Translated by AI
A female programmer works with a colleague

Signup

Complete Guide to CSS

Login Register

CSS (Cascading Style Sheets) is the language that gives web pages style, layout, and visual structure. In this course, you will learn how to use CSS from the ground up, from basic selectors and typography to advanced layout techniques such as Flexbox and Grid. You get both technology understanding and practical experience in styling websites so that they look professional and work well on different devices. The course is suitable for beginners and those who want to strengthen their skills in web design and front-end development.

Throughout the course, you work with practical exercises and concrete examples, and gradually build up both understanding and skills. By the end of the course, you will have experience in creating your own portfolio website that shows what you can do with CSS.

What you will learn in the course

  • Using selectors effectively to style HTML elements
  • Work with typography, colors, and visual properties
  • Understand and apply the box model, float and positioning
  • Creating Advanced Layouts with Flexbox and CSS Grid
  • Develop responsive designs that work across devices

About the course

Read about how the course is structured and what you can do after completing the course.
Kursoppbygning

The course consists of 12 modules and contains practical exercises along the way to strengthen the understanding and application of what you learn:

  1. Introduction – Overview and start-up with CSS
  2. Core Competencies – Basic Concepts and Practices
  3. The Box Model – Size, Margins and Spacing
  4. Text – Styling of text, fonts and typography
  5. Appearance – Colors, backgrounds, and aesthetics
  6. Float – Floating Elements and Layout
  7. Positioning – Placement of elements on the page
  8. Flexbox – Modern layout for flexible designs
  9. Grid – Complex Layout with CSS Grid
  10. Responsive Design – Customize designs for different screen sizes
  11. Remaining – Exercises and further techniques
  12. Conclusion – Summary and the way forward
Læringsutbytte

After the course, you will be able to:

  • Using selectors effectively to style elements
  • Styling text with typography and colors
  • Understand and use the box model in design
  • Implement advanced layout with Flexbox
  • Creating and Structuring CSS Files Correctly
  • Creating Complex Grid Layouts with CSS Grid
  • Develop responsive designs for different devices
  • Create a portfolio website to showcase your work
  • Working with Layout Float and Positioning
  • Customize and control the appearance of items
  • Develop advanced CSS techniques and best practices
  • Integrate form and function into user experiences

Practical information

  • The course is 100% online and can be taken at your own pace when it suits you. Estimated completion time is approx. 10 hours, but will depend on how much you work on tasks along the way
  • No prior knowledge required
  • You get access within two working days and have perpetual access to the course. This gives you the opportunity to repeat and update the knowledge when you need it, whether it's months or years later
  • You will receive a course certificate after completing the course
  • Registration is binding, and the full course fee must be paid upon cancellation.

Espen Faugstad

Trainer Espen Faugstad is one of Norway's most experienced trainers in digital and technological competence. He has helped tens of thousands master tools such as Excel, Google Ads, Google Analytics, SEO and Adobe programs, as well as modern AI tools such as Copilot and Claude, and basic and advanced coding. Espen is known for making complex topics easy to understand, with a strong focus on practical and engaging learning that provides skills you can use right away.

Do you have any questions?