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

Kurset består av 12 moduler og inneholder praktiske øvelser underveis for å styrke forståelsen og anvendelsen av det du lærer:

  1. Introduksjon – Oversikt og oppstart med CSS
  2. Kjernekompetanse – Grunnleggende konsepter og praksis
  3. Boksmodellen – Størrelse, marginer og avstand
  4. Tekst – Styling av tekst, fonter og typografi
  5. Utseende – Farger, bakgrunner og estetikk
  6. Float – Flytende elementer og layout
  7. Positioning – Plassering av elementer på siden
  8. Flexbox – Moderne layout for fleksible design
  9. Grid – Kompleks layout med CSS Grid
  10. Responsiv design – Tilpasse design for ulike skjermstørrelser
  11. Resterende – Oppgaver og videre teknikker
  12. Avslutning – Oppsummering og veien videre
Læringsutbytte

Etter kurset kan du:

  • Bruke selektorer effektivt for å style elementer
  • Styling av tekst med typografi og farger
  • Forstå og bruke boksmodellen i design
  • Implementere avansert layout med Flexbox
  • Opprette og strukturere CSS-filer riktig
  • Skape komplekse grid-layouter med CSS Grid
  • Utvikle responsive design for ulike enheter
  • Lage en portfolio-nettside for å vise arbeidet
  • Arbeide med float og positioning for layout
  • Tilpasse og kontrollere elementers utseende
  • Utvikle avanserte CSS-teknikker og beste praksis
  • Integrere form og funksjon i brukeropplevelser

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

Course instructor Espen Faugstad is one of Norway's most experienced course instructors in digital competence. He has helped tens of thousands master tools such as Excel, AI tools, Google Ads, Google Analytics, SEO, Adobe programs, and much more, including CSS and other coding. With a strong focus on engaging and hands-on learning, they are known for making the complex simple.

Do you have any questions?