Les feuilles de style CSS

Bonjour,
s'il vous plaît je veux savoir comment on écrit une classe de style?
Configuration: Windows XP
Internet Explorer 7.0

3 réponses

  1. ça c est un petit site genial pour t expliquer tu vas comprendre en utilisant

    http://www.qrone.org/cssdesigner.html
    1. bonsoir,

      voilà un exemple :
      body { font-family:'Comics Sans MS','arial','Trebuchet MS';
      background-color:black;
      background-image:url(../images/montageassociation3.jpg);
      background-repeat:no-repeat;
      background-position:center 20px;

      }
      /****************************************/
      .liens {
      font-size: 0.9em;
      list-style-type:none;
      text-decoration: none;
      color:#FFFFFF;
      }
      .liens a:link {
      font-size: 0.9em;
      text-decoration: none;
      list-style-type:none;
      color:#FFFFFF;
      }
      .liens a:visited {
      font-size: 0.9em;
      text-decoration: none;
      list-style-type:none;
      color:#FFFFFF;
      }
      /**********************************************/
      .liens a:hover {
      font-size: 0.9em;
      text-decoration: none;
      list-style-type:none;
      color:#FF0000;
      }
      /*************************************/
      .liens a:active {
      font-size: 0.9em;
      text-decoration: none;
      list-style-type:none;
      color:#FFFFFF;
      }
      /*************************************/
      /*************************************/
      /****************************************/
      .evenements {
      font-size: 1.0em;
      list-style-type:none;
      text-decoration: none;
      color:#00FF00;
      }
      .evenements a:link {
      font-size: 1.0em;
      text-decoration: none;
      list-style-type:none;
      color:#00FF00;
      }
      .evenements a:visited {
      font-size: 1.0em;
      text-decoration: none;
      list-style-type:none;
      color:#00FF00;
      }
      /**********************************************/
      .evenements a:hover {
      font-size: 1.0em;
      text-decoration: none;
      list-style-type:none;
      color:#FFFFFF;
      }
      /*************************************/
      .evenements a:active {
      font-size: 1.0em;
      text-decoration: none;
      list-style-type:none;
      color:#00FF00;
      }

      et la mise en oeuvre :

      <head>
      <link rel="stylesheet" HREF="css/stylea2x.css" TYPE="text/css">
      </head>