Switch to the Dutch version/Switch to the English version
  1. Home
  2. All courses
  3. IT & Software
  4. Programming
  5. CSS E-learning

CSS E-learning course

In this CSS e-learning course you learn to style web pages with colour, fonts, borders and positioning. You work at your own pace and keep access to the material for a full year.

4,6 on Google NRTO quality mark
For a team or department? Arrange your own group, at your premises or ours. Request a quote
  • Full control over web design
  • Your own creativity in every design
  • Responsive websites for every device
  • A full year's access to the course materials
  • Practical tips for clean design

With CSS you decide for yourself how a web page looks: from colours and fonts to layout and animations. In this English-language e-learning course you work at your own pace on the building block that every modern website needs.

Description

In this CSS e-learning course you will discover how to use Cascading Style Sheets to take full control of the design of web pages. You work at your own pace on both the basics and the more advanced features of CSS, with HTML and CSS together forming the building blocks of modern websites.

You cover topics such as CSS syntax, the correct use of tags, colour, opacity, fonts, backgrounds and positioning. You also work with borders, margins and padding according to the box model, and learn how to style tables and lists. In addition, CSS resets and normalisers are covered, as well as transformations, transitions and animations.

You will also gain insight into flex, grid and multi-column layouts, and use media queries to make web pages suitable for different device sizes. The course is offered in English through videos, lectures, quizzes and exercises. You study whenever and wherever it suits you, and retain access to the content for up to a year after the start date.

Topics

The CSS e-learning course covers the following topics:

  • the benefits of CSS and CSS syntax
  • avoiding outdated HTML tags and attributes
  • tags and how to use them correctly
  • general CSS properties and their values
  • CSS resets and normalisers
  • practical tips for choosing units of measurement
  • selecting, downloading and applying fonts
  • working with colour, opacity and backgrounds
  • the box model: borders, margin and padding
  • styling tables and lists with CSS
  • applying positioning
  • transformations, transitions and animations
  • flex, grid and multi-column layouts
  • creating drop-down menus and collapsible navigation menus
  • media queries for different device sizes and media

Result

After this e-learning course, you will design web pages with your own recognisable style. You apply colours, fonts, backgrounds, borders, margins and padding using CSS. You work with the box model, positioning, transformations and animations. You also make layouts suitable for different devices and screen sizes using media queries, flex and grid. You will know how to use CSS resets and normalisers and which units of measurement suit your design. You keep access to the content for a year, so you can look everything up again at any time.

Target audience

This e-learning course is intended for (beginning) web designers, web developers and graphic designers who want to design websites with CSS. It also suits you well if you already work with HTML and want to expand your design knowledge. Basic knowledge of HTML is an advantage.

Teaching method

You take this course entirely online, at your own pace. The material consists of videos, lectures, quizzes and exercises, so you alternate between theory and practice. You work whenever it suits you and have access to the material for a year. That way you can go back over sections at your leisure later on.

Prior knowledge

No specific prior knowledge is required for this e-learning course. It does help if you are familiar with the basics of HTML, so that you understand how web pages are structured. A laptop or computer with an internet connection is all you need to get started.

Comments

None in particular.

Practical information

Education level
Suitable for all levels
Preparation time
None
Included
Course materials
Certificate
At the end of the course you will receive a certificate of attendance

In-company

Would you like to organise this training for a whole group or several groups? This can be cost-effective. For example, we can tailor the content entirely to your organisation, and training a whole group is also cheaper.

Are you looking at large numbers of participants or a complete academy? That involves a great deal. Consider planning and communication, for example, or identifying and agreeing the objectives and content of the training. Or differences in level, feedback mechanisms and safeguarding. Fortunately, Learnit has extensive experience in this field (more than 25 years) and we are happy to help you through this process.

Request a quote

This course for your team?

Plan your own group on a date that suits you, at your office, at our premises or online. We tailor the content to your day-to-day work, and training a whole group is cheaper than individual bookings.

  • Your date and location
  • Tailored content
  • Multiple groups or an academy are also possible
  • More than 25 years' experience
Request a quote No obligation, an adviser will be in touch shortly

What others say about this course

"During this course I was given many practical tools that I can easily apply in practice."

Participant

“Learnit Training is able to get to know your organisation in a short time and to get straight to the heart of the matter during its courses.”

J. Dullaart
Cees Advocaten8.2

"A course with strong content, in which good course materials are used to teach new things effectively and efficiently."

Participant

"I am very satisfied with the course. I got more out of it than I had expected, and that is always good."

Participant

"A highly professional organisation that delivers tailored solutions. Pleasant intake process and handling of the course."

T. Klok
Maasstad Ziekenhuis9.2

Frequently asked questions

What will you learn in the CSS e-learning course?
In the CSS e-learning course you learn to design web pages using Cascading Style Sheets. You cover CSS syntax, selectors, colours, fonts, backgrounds, the box model (borders, margins, padding), positioning, transformations and animations. Flex and grid layouts, styling tables and lists, and media queries for different device sizes are also covered. You work at your own pace through videos, quizzes and exercises.
How long do you have access to the CSS e-learning course?
You have access to the CSS e-learning course for a year, counting from the start date. During that period you can view and repeat all videos, lectures, quizzes and exercises without limit. It takes roughly 24 hours to study everything properly, but you set your own pace. Useful if you want to look something up later during a web project of your own.
In which language is the CSS e-learning course offered?
The CSS e-learning course is offered in English. You work through the course material, videos, lectures, quizzes and exercises entirely in this language. A basic knowledge of English is therefore useful in order to follow the explanations properly. You work at your own pace, so you can reread or rewatch sections at your leisure if something is not immediately clear.
How many hours does the CSS e-learning course take?
Allow roughly 24 hours to work through the CSS e-learning course in full. You decide for yourself when you study and at what pace. The course consists of videos, lectures, quizzes and exercises, so you alternate between theory and practice. You have access to the material for a year, so you can calmly repeat sections whenever you need to.
Which topics are covered in the CSS e-learning course?
The CSS e-learning course covers CSS syntax, the box model (borders, margins, padding), positioning, colours, opacity and backgrounds. You will also learn to work with fonts, CSS resets and normalizers, formatting tables and lists, transformations and transitions, flex and grid layouts, and media queries for different device sizes. This enables you to design web pages entirely in your own style.
Is prior knowledge required for the CSS e-learning course?
For the CSS e-learning course you need a basic knowledge of HTML. CSS works together with HTML: HTML determines the structure and content of a web page, CSS takes care of the design. If you understand how HTML tags work, you can get started straight away. Programming experience is not required. The course starts with the basics and builds up step by step towards advanced topics.
When should you choose a CSS e-learning course instead of free tutorials on YouTube?
You choose an e-learning if you want to learn in a structured and complete way, rather than searching for separate videos on individual topics. Learnit's CSS course covers the full subject matter: from syntax and the box model to flex and grid layouts, media queries and animations using transforms and transitions. You get videos, lectures, quizzes and exercises in a logical sequence, plus a year of access so you can look up topics while you work. Free tutorials are useful for one specific problem, but often lack coherence and practice material. Please note that this e-learning is in English. So choose the e-learning if you want a reference work with guaranteed coverage of the entire CSS foundation and advanced topics.
What is the difference between learning CSS through this e-learning course and taking a classroom-based CSS course?
Learnit's CSS e-learning course is a self-study programme that you work through at your own pace, with access for a year from the start date. The course is offered in English and consists of videos, lectures, quizzes and exercises. A classroom course is usually more compact and offers direct interaction with a trainer and fellow participants. Choose the e-learning if you want to plan flexibly, be able to review material regularly and avoid being tied to fixed course dates. A classroom version suits you better if you prefer to ask questions directly and learn in a group. Both formats cover CSS syntax, the box model, positioning, fonts, colours and media queries for different device sizes.
Which type of developer or designer is this CSS e-learning course suitable for, and what can you do with it once you have completed it?
The CSS e-learning is aimed at beginning front-end developers, web designers and HTML users who want to style their pages visually. On completion you can apply the box model (borders, margins, padding), set fonts and colours, position elements and add transformations or animations. You also learn to use flex, grid and multi-column layouts, and to apply media queries so that pages work on different device sizes. The course comprises approximately 24 study hours in English, with videos, lectures, quizzes and exercises. You have access for a year, so you can revisit sections whenever you need them in a project. This course is less suitable if you are already experienced with pre-processors such as Sass or with frameworks such as Tailwind, as the focus is on standard CSS.
How does CSS relate to HTML, and why is it best to learn them together?
HTML and CSS are the two building blocks of modern websites, but each has its own role. HTML determines the structure and content of a web page: headings, paragraphs, images, links. CSS (Cascading Style Sheets) determines how those elements look: colours, fonts, margins, positions and layout. Without CSS, a browser shows bare HTML with default formatting. Without HTML, CSS has nothing to style. This e-learning course focuses on CSS, so some basic HTML is useful to start with. Through the box model (borders, margins, padding), positioning, flex and grid layouts and media queries, you learn how to translate the same HTML structure to any device size. That separation between content (HTML) and design (CSS) is exactly what makes modern web development efficient.
Can CSS only be used to style websites, or does it also work for responsive design on mobile and tablet?
CSS governs both the basic design of web pages and their responsive behaviour on different screen sizes. In this e-learning course you learn to use media queries to adapt pages automatically to mobile, tablet and desktop. Flex, grid and multi-column layouts are also covered: the three modern CSS techniques for flexible screen layout. You will also learn to work with transformations and transitions for animations, and with the box model (borders, margins, padding) for precise positioning. CSS is therefore not limited to desktop styling: it is the standard technique for responsive web design. After the course you will be able to design a website that adapts to any device size, including drop-down menus and expandable navigation that work on touchscreens.
What does this CSS e-learning course offer that you usually will not find in a free online tutorial?
This e-learning course offers a structured programme of around 24 study hours in which the full breadth of CSS is covered systematically, from syntax and the box model to flex and grid layouts, transformations, animations and media queries. Free tutorials usually focus on individual topics or a specific project, which often leaves you with gaps in fundamentals such as CSS resets, normalisers and the right choice of units of measurement. You have access for a year, so you can revisit sections whenever you need them in practice. The course combines videos, lectures, quizzes and exercises, which allows for active testing rather than just watching. The language is English. You work at your own pace, with no fixed lesson times.

Others also viewed

HTML and CSS Basics

Read our blog

HTML and CSS: what is the difference?Building dynamic websites with JavaScriptHow to back up your WordPress websiteLearning to program: which language should you choose?