Astuces Blog

Un petit blog sans prétentions pour vous aider à créer le votre. Trucs et astuces, questions, aides et entraides…

10 août 2007

LA FEUILLE DE STYLE


La feuille de style définit une liste d'attributs applicable à des objets HTML.

Pour simplifier disons qu'il y a deux manières de définir un style avec le # et avec un point (.)

- Par exemple avec le #

#leftbar {
  float: left;
  width: 24%;
  background-color: #dddddd;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-width: 1px;
  border-color: #;
  overflow: hidden;
}

Dans le code ce style sera utilisé avec id=
<div id="leftbar">

- Et  avec le point (.)

.blogbody {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #404040;
  font-size: small;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  padding: 10px;
  text-align: left;
  line-height: 150%;
}

Qui sera utilisé dans le code avec class=
<div class="blogbody">

En fait il y a une troisième possibilité pour définir les balises HTML sans qu'il soit nécessaire de préciser le style à chaque fois.

Par exemple <H1>,<H2>,<H3> définissent les niveaux de titre 1,2 et 3. Pour définir leur style générale il suffit d'indiquer leur nom (sans point ni #)

h1 {
  margin: 0px;
  padding: 0px;
}
h2 {
  margin: 0px;
  padding: 0px;
}
h3 {
  margin: 0px;
  padding: 0px;
}

Posté par Naneu à 00:08 o Tout sur Canalblog Commentaires [0] - Permalien [#]

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * -

Commentaires

Poster un commentaire