Learn how to style and layout web pages using CSS and modern formatting techniques
Learning style sheets in web page integration allows you to separate the content from the form (its appearance), to focus on the latter.
The content is hosted in html.
The display rules in the css.
This separation has several advantages such as offering different displays for the same content.
This training will allow you to build css sheets that respect the best practices to not weigh down the code, but also to separate the form and the structure, to control the positioning, to obtain lighter and faster pages to display, to make quick changes on the whole site, to improve the flexibility of the page and to facilitate the search and the indexing
Is it for you ?
Web designers and developers.
Prerequisites
Practical experience with HTML layout (Course WE106).
What You'll Walk Away With
- ✓ Master CSS fundamentals to effectively style HTML content
- ✓ Apply the box model to control margins, borders, and spacing precisely
- ✓ Use selectors, classes, and pseudo-classes to target and organize styles
- ✓ Create modern layouts using positioning rules (relative, absolute, fixed)
- ✓ Design stylesheets for multiple media, including print formatting
Training content
- The usefulness of style sheets
- The CSS model
- Units of measurement
- The box model
- Methods for specifying style rules
- Typographical rules: margins, padding, indentation, fonts, text decorations and style
- Classes and pseudo-classes
- Hierarchical rules
- Developing a simple style sheet for controlling format
- Rules for various media, including print
- Creating a style sheet for printing
- Resolving conflicts between different style rules
- The div and span tags, and the id attribute, and their use in developing style rules
- Using selectors in CSS style sheets, and the rules for how they apply
- Creating hierarchical menus with nested lists
- Absolute positioning without tables
- Positioning rules: the differences between relative, absolute, fixed and static
- Creating a more complex style sheet for controlling the position of elements.
📌 Practical information
Our training sessions are offered in Montreal or Quebec City, in person or in a virtual classroom. Dates and locations are specified when you select your session below. If you have any questions, check out our FAQ.
