Part 2 - Focus on some CSS rules¶§

Many many rules¶§

CSS enables us to define many many rules for fonts, colors, sizes, positions, opacity, etc.

If you look for a specific rule, a good entry point is the w3school website.

http://www.w3schools.com/

In the following, we will see some basic rules so you can play with CSS.

Styling the text¶§

text-align: center;
text-decoration: none;
text-transform: uppercase;
font-style: normal;
font-style: italic;
font-style: oblique;

Changing the backgroung¶§

background-color: lightblue;
background-image: url("paper.gif");

Lists¶§

list-style-type: circle;
list-style-type: square;
list-style-type: upper-roman;
list-style-type: lower-alpha;

Borders¶§

border-style: solid;
border-width: 5px;
border-style: solid;
border-width: medium;
border-style: solid;
border-width: 2px 10px 4px 20px;
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
border: 2px solid red;
border-radius: 5px;