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.