Table des matières

CSS

Insérer un CSS

Interne

<head>
  <style type="text/css">
    body {background-image:url("images/bg.png")}
    p {margin-left:10px}
  </style>
</head>

Externe

<link rel="stylesheet" type="text/css" href="main.css" />

Inline

<p style="color:blue;margin-left:10px">Bla bla bla.</p>

Types de médias

<style>
@media screen {
  p.test {font-family:verdana,sans-serif;font-size:14px}
}
@media print {
  p.test {font-family:times,serif;font-size:10px}
}
@media screen,print {
  p.test {font-weight:bold}
}
</style>
<LINK REL="stylesheet" TYPE="text/css" MEDIA="print, handheld" HREF="foo.css">

Ajout de style à des éléments avec des attributs particuliers

input[type="text"] {background-color:blue}

Propriétés texte

text-transform

Valeur Description
none Par défaut
capitalize Chaque mot dans le texte commence par une lettre majuscule
uppercase Tout en majuscules
lowercase Tout en minuscules

Propriétés de boîte

border-bottom

Syntaxe : border-bottom: [width] [style] [color]
Exemple : border-bottom: thin dotted #00FF00

styles de liens

a:link
{
    color : #fff;   
}
a:hover
{
    color:#ccc;
}

a:link
a:visited
a:active
a:hover

Références