 |
Dictionnaire |
 |
@font-face
C'est une règle-at
descriptrice de fonte. Elle permet d'utiliser une
police présente dans un fichier local ou distant.
Cette règle est du type:
@font-face{font-family : "Symbol" : url ("file://host/lib/Symbol.pfa")}
Les formats utilisables sont les suivants :
TrueDoc Portable Font Ressource(.pfr), Embedded Open
Type (.eot), PostScript (.pfb & .pfa), TrueType
(.ttf), Speedo, Intellifont...
Bien sûr cette syntaxe est à utiliser dans
le respect des droits de distribution des fondeurs
Accolades
En CSS, les accolades ouvrantes { et fermantes } servent
à encadrer le bloc de déclaration
d'une règle
de style. À l'intérieur de ces
accolades, on utilisera des parenthèses, crochets,
guillemets ou apostrophes (les deux derniers servant
à encadrer une chaîne de caractères).
Afin d'utiliser le symbole accolade dans cette
chaîne, il faudra l'entourer de slashs \{\
Affectation
Une affectation est le nom générique pour
une règle CSS : soit
une règle de
style, soit une règle-at.
Boîte
Une boîte (quelquefois appelée calque)
permet de positionner précisément des
éléments (texte, images, médias)
dans une page. Le contenu (compris dans la zone
utile) peut être encadré en html par
les balises DIV et SPAN.
En plus de postionnement, on peut faire varier l'encadrement
d'une boîte, la visibilité, l'ordre
(à l'aide du z-index)
et même l'animer dans la page grâce
au DHTML.
Cascade
L'application d'une règle
de style plutôt qu'une autre dépend
du principe de cascade. Ainsi, il faudra prendre en
compte trois paramètres déterminants :
l'origine de la règle (Auteur -> Navigateur
-> Usager), la spécificité d'une
règle (un sélecteur
d'ID étant plus fort q'un sélecteur
universel) et son importance (on peut associer la déclaration
!important à une déclaration
capitale).
Classe
Attribuer à une balise html une classe <P
CLASS=titre> permet de cibler la mise en forme en
utilisant un sélecteur
de classe du type P.titre{font-weight : bold}. Savoir
gérer différentes classes permet de faire
varier une mise en forme avec un nombre de balises html
limité. Pour cibler encore plus la mise en forme,
on peut utiliser des Id.
Combinaisons
Au sein d'une règle
de style, on peut grouper des sélecteurs
avec une virgule et grouper des déclarations
avec un point virgule (UL, OL {color : red ; list-style-position
: inside}).
Il est également possible decombiner les sélecteur
grâce à des signes spéciaux, l'espace
entre deux sélecteurs
sera compris comme un sélecteur
de descendance, le signe + compris comme un sélecteur
d'adjacence et le signe > comme un sélecteur
filial.
Le tableau des sélecteurs
présent sur ce site vous donnera des exemples
de combinaison. |
| |
|
|
|
|
|
Exemple |
|
| Un
fond d'écran fixe et centré?
Il
suffit d'insérer la règle suivante entre les
balises HEAD de votre document html:
<style
type="text/css">
<!--
body { background-image: url(fond.jpg); background-repeat:
no-repeat; background-position: center center}
-->
</style>
|
|
|
