WE137
Information technology

CSS: getting started with style sheets

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

Objectives

To provide the knowledge and skills required to build basic Cascading Style Sheets (CSS) and attach them to a document or a series of documents, and to master positioning rules in order to develop sophisticated Web pages with predictable results.

Is it for you ?

Web designers and developers.

Prerequisite

Practical experience with HTML layout (Course WE106).

Your benefits

  • 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
  • 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.

    💡 Useful information

    Our training sessions are offered in Montreal or Quebec City, in person or in virtual format. Dates and locations are provided when you select your session below. If you have any questions regarding registration, schedules, the language of instruction, or cancellation policies, please consult our FAQ .

    Duration
    2 days
    Schedule
    9h to 16h
    Regular fee
    $1,035
    Preferential fee A preferential rate is offered to public institutions, to members of certain professional organizations as well as to companies that do a certain amount of business with Technologia. To know more, please read the "Registration and rates" section on our FAQ page. Please note that preferential rates are not available for online training courses. Discounts cannot be combined with other offers.
    $930
    Private or personalized training

    Do you have several employees interested in the same training course? Whether in person at your offices or remotely in virtual mode, we offer private training courses tailored to your team's needs. Group rates are available. Contact us for more details or request a quote online.

    Request a quote

    Request in-company training

    Do you have several employees interested in the same training course? Whether in person at your offices or remotely in virtual mode, we offer private training courses tailored to your team's needs. Group rates are available. Contact us for more details or request a quote online.

    Tell us more
    Added to cart View my cart