.. 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;
   text-decoration: none;
   text-transform: uppercase;
   font-style: normal;
   font-style: italic;
   font-style: oblique;


Changing the backgroung
=======================

.. code-block:: css

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

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