Cascading Style Sheets (CSS)

  • CSS stands for Cascading Style Sheets
  • CSS describes how HTML elements are to be displayed on screen,paper, or in other media
  • CSS saves a lot of work. It can control the layout of multiple web pages all at once
  • External stylesheets are stored in CSS files

On iService we use a library of predefined styles known as "classes" which are explained in the Web Experience Toolkit (WET). The use of In-line styles is not permitted.

Here is an example of using CSS classes to control the colour of text and how a list is displayed:

  • Muted
  • Primary
  • Primary
  • Success
  • Success
  • Info
  • Info
  • Warning
  • Warning
  • Danger
  • Danger

This is the code:

<ul class="list-inline list-unstyled lst-spcd">
<li class="text-muted">Muted</li>
<li class="text-primary">Primary</li>
<li class="bg-primary">Primary</li>
<li class="text-success">Success</li>
<li class="bg-success">Success</li>
<li class="text-info">Info</li>
<li class="bg-info">Info</li>
<li class="text-warning">Warning</li>
<li class="bg-warning">Warning</li>
<li class="text-danger">Danger</li>
<li class="bg-danger">Danger</li>
</ul>

Visit the Web Experience Toolkit and learn what styles you can use on iService.