Cascading Style Sheets

 Charge moyenne sur 1mn : 0.61 Charge moyenne sur 5mn : 0.52 Charge moyenne sur 15mn : 0.52


CSS

Style sheets (in English "Cascading Style Sheets", abbreviated CSS) are a language used to manage the presentation of a Web page.





Site user blocks : Account info / user rights / summary

Identify yourself

Authenticate with your ZW3B account and take advantage of member services.

Username :
Password :
  
  

Implanter du CSS à une page Web

Type : text/css Rel : stylesheet &| alternate

Informations :

Dates
  • Publish : : 2010
  • Modification : Tuesday 24 february 2015

Share :

Pour faire la mise en page d'une page Web, il faut implanter une feuille de style.

Pour déclarer cette feuille il faut appeler un fichier CSS depuis la balise HEAD comme ceci :

Script avec 1 ligne


001<link rel="stylesheet" type="text/css" href="/skins/zw3b-site/css/theme_default.css" />

On peut déclarer plusieurs feuilles de style et faire en sorte qu'une (ou plusieurs) soit active :

Script avec 3 lignes


001<link rel="alternate stylesheet" type="text/css" href="/skins/zw3b-site/css/theme_1.css" />
002<link rel="alternate stylesheet" type="text/css" href="/skins/zw3b-site/css/theme_2.css" />
003<link rel="stylesheet" type="text/css" href="/skins/zw3b-site/css/theme_3.css" />

Ici la feuille de style active est la 3e feuille. Les 2 autres sont des feuilles alternatives (on pourait faire en sorte que l'utilsateur puisse choisir celle qui préfère).

Ici les 2 feuilles sont chargées sur la page.

On appele un feuille générale exemple global.css qui elle va en appeler d'autres (par exemple (jusqu'aux feuilles de style) pour séparer les CSS par modules spécifiques) :

Ici on appelle global.css qui appele 2 autres feuilles :

Script avec 2 lignes


001@import 'default.css';
002@import 'commentaires.css';

On peut aussi ecrire le CSS directement dans la page :

Script avec 12 lignes


001<style type="text/css">
002/* Une classe qui peut se répéter */
003div.maclass { 
004        color:black;
005        background-color:blue;
006}
007/* Un ID(entifiant) qui est unique */
008div#myid { 
009        color:black;
010        background-color:blue;
011}
012<style>





Translate this page with Google

Author of the page

O.Romain.Jaillet-ramey

O.Romain.Jaillet-ramey

  • Firstname : Olivier Romain Luc
  • Lastname : : Jaillet-ramey
  • Arrived on tuesday 19 october 1976 (1976/10/19 00:00)
    44 years activity !

Firefox Nighlty

Our friends from Framasoft are interested in Mozilla and asked them questions about Nightly: Firefox Night-club, free entry !






Valid XHTML 1.0 Strict CSS Valide !

ipv6 ready