.. include:: commondefs.rst

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
================

.. code-block:: css

   text-align: center; (or left, right, ...)
   text-decoration: none; (or underline, overline, ...)
   text-transform: uppercase; (or lowercase, smallcaps, ...)
   font-style: normal; (or italic, oblique, ...)



Changing the background
=======================

.. code-block:: css

   background-color: blue; 
   background-image: url("picture.png");

                
Lists
=====

.. code-block:: css
               
   list-style-type: circle;
   list-style-type: square;
   list-style-type: upper-roman;
   list-style-type: lower-alpha;



Borders
=======

.. code-block:: css
   
   border-style: solid; (or dotted, ...)
   border-top-style: dotted;
   border-width: 5px; (or medium, ...)
   border-width: 2px 10px 4px 20px;
   border-color: red;
   border-radius: 5px;