CSS Course - managing the appearance and layout of websites

Training process

Training needs analysis

If you have specific requirements regarding the training programme, we will carry out a training needs analysis for you. This will guide us on which aspects of the programme should receive greater emphasis, so that the training programme meets your specific needs.

What will you gain?

Precise selectors - You will learn how to target HTML elements accurately with selectors, nesting and combinators, so you can style complex views faster without unnecessary overrides or messy CSS.

Confident style control - You will understand declarations, comments, inheritance and specificity in CSS, making it easier to see why a rule works, why it gets overridden and how to fix it cleanly.

Better layout control - You will master dimensions, margins, padding, display and positioning, which will help you build clear page layouts and control how elements are arranged across the screen.

Readable typography - You will learn how to use colors, fonts, alignment, spacing and text shadows to create more readable interfaces and improve how content is perceived across different pages.

Consistent component styling - You will learn to style backgrounds, borders, tables, lists, links, images and forms, so you can create a consistent look for the most common interface elements on a site.

Modern visual effects - You will explore gradients, transparency, transforms, transitions and animations, allowing you to give pages a modern feel with subtle effects that support usability.

Responsive pages - You will learn how to design responsive layouts and define breakpoints, so your pages look and work properly on laptops, tablets and smartphones without losing clarity.

Practical UI elements - You will practice building dropdown menus, image galleries, buttons and flexible templates, so after the course you can implement complete sections of a real website faster.

Training programme

1. Basics of CSS

introduction to CSS,
basics of HTML structure ,
style sheets.

2. CSS syntax and selectors

CSS syntax,
types of selectors,
nesting of selectors and combinators – methods of precise styling using complex selectors.

3. Declarations and comments

style declarations,
comments in CSS.

4. Inheritance and specificity

style inheritance – analysis of style inheritance between elements in the HTML hierarchy.

5. Styling backgrounds and borders

backgrounds – background properties, including color, image, and gradients and their applications,
borders,
outline properties – settings of the additional border and their impact on the appearance of elements.

6. Dimensions, spacing and units

units of measurement,
height and width of elements – techniques for setting and controlling the dimensions of elements on the page,
margins and padding – methods of managing spaces around and inside elements.

7. Text and its properties

color and text alignment,
text decoration and transformation,
spacing and shadows – the use of spacing and shadows in text design,
fonts.

8. Styling HTML elements

tables and lists – ways of styling tables and lists using CSS,
hyperlinks and icons,
images and forms.

9. Colors and effects

color palette – defining and using color palettes in website design,
transparency and gradients – techniques for applying transparency and creating gradients in CSS.

10. Displaying and positioning elements

box model (display) – understanding the box model and different display settings,
positioning elements – methods of placing elements on the page using position, z-index, float and overflow,
fitting and alignment – techniques for fitting and aligning elements relative to each other.

11. Advanced CSS Techniques

drop-down menu,
photo gallery – building and styling a photo gallery using CSS,
page layouts – designing flexible and responsive website layouts,
masks and buttons – styling buttons and using masks in CSS.

12. Transforms and animations

2D and 3D transforms,
transitions and animations – adding dynamic effects to pages using transitions and animations.

13. Responsiveness

creating responsive websites – basics of responsiveness and defining breakpoints,
responsive templates – techniques for designing responsive website templates.

What are the prerequisites for participating in the training?

Basic computer skills - You should be comfortable using a computer, creating and saving files, and moving through folders so you can complete the practical exercises during the training.

Basic HTML knowledge - You should know basic HTML tags and understand the structure of a simple page, because the course focuses on styling elements placed inside an HTML document.

Working in a code editor - You should be able to open and edit files in a simple code editor so you can enter selectors, properties and fixes on your own while working through exercises.

Understanding web pages - You should understand how a basic web page works in a browser so you can more easily connect HTML with CSS and observe changes in layout and visual appearance.