CSS

Structure trois colonnes

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

Table des matières

CSS

Insérer un CSS

Interne

Externe

Inline

Types de médias

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

Propriétés texte

text-transform

Propriétés de boîte

border-bottom

styles de liens

Références