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.

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 course if you want to learn in a structured and complete way, rather than searching for individual videos on separate topics. Learnit's CSS course covers the full body of material in around 24 hours: from syntax and the box model to flex and grid layouts, media queries and animations with transformations and transitions. You get videos, lectures, quizzes and exercises in a logical sequence, plus a year of access so you can look topics up again while you work. Free tutorials are useful for one specific problem, but often lack coherence and practice material. Please note that this e-learning course is in English. So choose the e-learning course if you want a reference work with guaranteed coverage of the entire CSS foundation as well as advanced topics.

What is the difference between learning CSS through this e-learning course and taking a classroom-based CSS course?

The CSS e-learning course from Learnit is a self-study programme of approximately 24 hours that you work through at your own pace, accessible for one year from the start date. The course is offered in English and consists of videos, lectures, quizzes and exercises. A classroom-based course is usually more compact (one or two days) and offers direct interaction with a trainer and fellow participants. Choose the e-learning course if you want to plan flexibly, be able to review material regularly and avoid being tied to fixed course dates. A classroom-based version suits you better if you prefer to ask questions immediately 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.

CSS E-learning course (1 day)

Name: CSS E-learning
Price: 225.0 EUR
Availability: InStock

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.

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

Education level:

This training is suitable for all levels.

Exemptions:

Exemptions do not apply to this course.

Preparation time:

No preparation time applies to this course.

Certificate:

At the end of the course, a certificate is issued as proof of participation.

The best training for you

At Learnit you will always find a course that takes you further. From (technical) IT skills to communication or personal leadership. You can also choose the training format that suits you best: a classroom course, a tailor-made course at your own office, an online course or an e-learning. We have the right course and the right format for everyone. Because learning in the way that suits you best delivers the best results.

Moving forward together

Taking a training course at Learnit means learning together. Together with your experienced trainer, together with your course group or together with your colleagues. And whether you take the training at home, at your office or at one of our training locations, we are always available to help you. To share our knowledge with you in a way that is genuinely useful to you. Getting further together through personal attention and understanding each other well; that is what we believe in.

Apply it directly in your work

Learning theory from a book that you can then hardly use in your work? Not at Learnit! Whichever training you take with us, you can put it to use at your workplace straight away. Because of the unique learning objectives you set together with the trainer at the start of the training. Because of the alternation between theory and (interactive) practical assignments. And by bringing the challenges you face in your daily work along to the training.

CSS E-learning course