Comment écrire un texte en langage CSS ?

Version imprimable

04/06/2012, 16h57
kevin_33

Comment écrire un texte en langage CSS ?
Bonjour,

Je suis en train de me créer un site internet, et j'aurai voulu savoir comment insérer un texte.

J'ai les infos ci-dessous relatives à la taille, la police etc:
Code:

1 2 3 4 5 6 7 body { background: #ffffff; color: #000000; font-family:'Droid Sans Mono', monaco, monospace; font-size: 12px; line-height: 6; }
Par exemple si je souhaite marquer "Bonjour", Comment dois-je m'y prendre pour voir apparaître le mot à l'écran ? Y a-t-il un ordre à respecter, des guillemets ou autres ?

Je précise que j'ai un mac avec la dernière version de Snow Leopard.

Merci de votre aide,

Bonne journée.
04/06/2012, 17h44
saymoneu

Bonjour,

Ce que tu nous montre est du CSS. Il ne sert qu'a mettre en forme des éléments d'une page web, codée en html par exemple. Tu n'écris aucun contenu dans ton CSS mais dans ton html.

Va voir du côté des cours de développez.net ça sera bien plus clair que ce que je te raconte.
Cours HTML
Cours CSS

Y'a du boulot! Et sache que ta config d'ordi n'a absolument rien à voir la-dedans :aie:

Bon courage
05/06/2012, 08h04
kevin_33

Merci beaucoup pour votre réponse !

Bonne journée !

Une façon simple de prendre connaissance avec les CSS au moyen de l'exemple suivant :

Dans un site de plusieurs pages, la façon la plus rationnelle de séparer le style du contenu consiste à le créer dans une feuille de style externe

Dans cet exemple, je crée trois styles, un pour les titres, un pour les sous-titres l'autre pour le texte.

1- Contenu de la feuille de style :

Les lignes 2 à 4 placent le texte dans la page, le lignes 5 à 8 déterminent l'apparence du texte: la police, le style la taille et la couleur.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 .titre{ position: absolute; left: 50px; top 0px; font-size: 24pt; font-family: Arial; font weight: bolder; color: blue;} .soustitre{ position: absolute; left: 70px; top 60px; font-size: 18pt; font-family: Verdana;} .texte { font-family: Tahoma; font-size: 12pt; text-align: justify; }
Puis, enregistrer la feuille de style en lui donnant un nom suivi de l'extension.css
par exemple : monstyle.css

2- Contenu de la page HTML :

Charger la feuille de style en plaçant entre les balises <head> et </head> le code ci-dessous :

Code:

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

Cette opération sera renouvelée dans le head de chaque page HTML

Le contenu de la page HTML sera rédigé entre les balises <body> et </body> avec le marquage ci-après :
Code:

1 2 3 Le Périgord Le Périgord noir Sarlat la Canéda, vieille ville pittoresque…
ainsi référencé, le texte prendra les attributs définis dans la feuille de style.:D