Dans la peau d'une biroute

Le petit frère joueb et francophone de l'autre

Page principale - Ecrire un article

Comment lire une feuille de style

--> Avant d'écrire, apprenons à lire

Autant vous le dire tout de suite, j'ai eu un véritable problème pour écrire ce qui suit. Je ne sais pas du tout quel doit être le niveau de mes explications... On va donc reprendre depuis le début.

Dans une feuille de style, les règles se lisent de la façon suivante: le nom des éléments affectés puis les règles que l'on veut leur attribuer. Ainsi p {color: red; background-color: white;} indiquera que l'on veut mettre en rouge sur fond blanc les éléments paragraphe. Si on veut aussi que les titres de niveau 2 soient de la même couleur, on pourra écrire: p, h2 {color: red;} de manière générale, on liste les éléments qui doivent bénéficier des mêmes règles en les séparant par des virgules.

On peut appliquer une règle à tous les éléments d'une classe, par exemple, pour mettre tous les éléments de la class toto en rouge, on écrira : .toto {color: red;}. En écrivant p.toto {color: red;} on restreint l'application de la règle aux éléments p de la classe toto uniquement.

On peut faire de même pour les identifiant, avec une syntaxe différente. Pour appliquer un style à un élément ayant pour identifiant main, on écrira #main {color: red;}.

Enfin (il y a d'autres type d'application, mais ceux ci suffiront) on peut appliquer une règle uniquement aux éléments situés sous un autre élément : li a {color: red;} signifie que seul les liens (élément a) situé dans un élément liste son affectés. De même #main a {color: red;} indique que seuls les éléments liens situé dans l'élément ayant pour identifiant main sont affectés.

Voilà, vous ètes armés pour réussir à lire une feuille de style, on va pouvoir continuer.

Ecrit par be-rewt, le Mercredi 29 Octobre 2003, 12:44 dans la rubrique "Comment faire ?".

Repondre a cet article

Commentaires

Lien croisé

linkback

30-10-03 à 19:53

mediaTIC - actualite du blog et des blogs : "Congés pour Copernic ?Outils de collaboration en ligne contextuelsComment lire une feuille de styleExpo multimédia de fêtardsArthur et son parapluie"


Unknown

pgepz

23-02-07 à 13:52

<a href=http://cholesterol.110mb.com/links/sennheiser-me3.html>sennheiser me3</a><a href=http://cholesterol.110mb.com/links/sex.html>sex</a><a href=http://cholesterol.110mb.com/links/study-abroad.html>study abroad</a><a href=http://cholesterol.110mb.com/links/tiff.html>tiff</a><a href=http://cholesterol.110mb.com/links/transfer-money-overseas.html>transfer money overseas</a>


Unknown

xzntg

23-02-07 à 16:58

<a href=http://biglnk.com/art>mexican pharmacy</a><a href=http://biglnk.com/aru>pharmacy schools</a><a href=http://biglnk.com/arv>pharmacy technician</a><a href=http://biglnk.com/arw>wal mart pharmacy</a><a href=http://biglnk.com/arx>brooks pharmacy</a>


wxkbc

24-02-07 à 09:10

<a href=http://biglnk.com/atc>pharmacy oakland</a><a href=http://biglnk.com/atd>pharmacy miami</a><a href=http://biglnk.com/ate>walgreen pharmacy</a><a href=http://biglnk.com/atf>online internet pharmacy</a><a href=http://biglnk.com/atg>pharmacy louisville</a>


Unknown

jcnax

09-03-07 à 10:59

<a href=http://sex.grudg.info/index3.html>sexxxxxxxxxxxxx</a><a href=http://sex.grudg.info/index4.html>sexxxxxxxxxxxx</a><a href=http://sex.grudg.info/index5.html>sexxxxxxxxxxx</a><a href=http://sex.grudg.info/index6.html>sexxxxxxxxxx</a><a href=http://sex.grudg.info/index7.html>sexxxxxxxx</a>


Unknown

ecdun

09-03-07 à 18:10

<a href=http://sex.grudg.info/index50.html>sexy back lyrics justin timberlake</a><a href=http://sex.grudg.info/index51.html>toyata cars</a><a href=http://sex.grudg.info/index52.html>sexforfree</a><a href=http://sex.grudg.info/index53.html>toyato cars</a><a href=http://sex.grudg.info/index54.html>sexy+</a>


Unknown

sskkv

15-03-07 à 13:12

<a href=http://auto-insurance-mexico-online.uiu3i.info>auto insurance mexico online</a><a href=http://auto-insurance-online-quote-washington.uiu3i.info>auto insurance online quote washington</a><a href=http://progresive-online-auto-insurance-quote.uiu3i.info>progresive online auto insurance quote</a><a href=http://quick-auto-insurance-quote-online.uiu3i.info>quick auto insurance quote online</a><a href=http://texas-auto-insurance-online.uiu3i.info>texas auto insurance online</a>


Unknown

mniww

17-03-07 à 19:56

<a href=http://xerox.biersit.info/index101.html>argentina travel</a><a href=http://xerox.biersit.info/index102.html>linkin park</a><a href=http://xerox.biersit.info/index103.html>love</a><a href=http://xerox.biersit.info/index104.html>health insurance</a><a href=http://xerox.biersit.info/index105.html>finance</a>


Unknown

dhbjy

03-04-07 à 00:13

<a href=http://medisian.php0h.com/oregon-pharmacy-portland.html>oregon pharmacy portland</a>


A propos de style

kalbadia

10-12-03 à 10:41

Salut Be-rewt, grand jouebeur devant l'éternel ! Tu pourrais me dire comment coder mes blocs HTML pour que leur contenu ne diffère pas du style des boites 'auto' telles que Liste de liens - j'aimerais retrouver un peu d'harmonie dans mon pauvre joueb. Merci d'avance.
P.S : les liens dans une nouvelle fen^tre, c'était un test pour pouvoir mon menu Admin': je veux ouvrir la fenêtre Blocs de mon modèle après avoir modifié mes blocs libres sans avoir à retourner chez moi entre-temps.


Re: A propos de style

be-rewt

10-12-03 à 16:40

Euh, grand jouebeur n'exagérons rien, ceci n'est qu'une résidence secondaire.

J'ai un peu de mal à comprendre ton problème de bloc...
Tu veux que quelle partie de ton joueb ressemble à quelle autre partie ? Car en regardant ton joueb, il semble que les blocs libres et les autres blocs ont bien la même apparence...

Si les liens dans une nouvelle fenêtre son pour ton usage propre, il n'y a aucun problème.


Re: Re: A propos de style

kalbadia

11-12-03 à 06:34

Disons que je vais essayer moi même de modifier certains de mes blocs libres, je crois avoir trouvé de la doc sur http://www.w3.org/TR/1998/REC-html40-19980424/


Re: Re: Re: A propos de style

be-rewt

11-12-03 à 16:13

Plus récent, la version 4.01.
Essaye de trouver une bonne méthode d'apprentissage ailleurs... Les spécifications sont complètes mais terriblement difficile à lire.

Tu peux ensuite passer à XHTML et aux feuille de style, pour ça, le mieux est de passer sur Openweb.


Re: Re: Re: Re: A propos de style

kalbadia

12-12-03 à 14:17

merci pour tes conseils avisés


Re: Re: Re: Re: Re: Re: A propos de style

shemale escorts

23-01-07 à 06:39

Site - very comprehensive and meticulous from all points of view, it’s good!
Just excellent website, I'm sure!
toon sex | young girl tits | teen sluts | schoolgirls | teen ass
http://rio.st/51
http://rio.st/64
http://rio.st/12
http://rio.st/5


Re: Re: Re: Re: Re: A propos de style

teen anal wmv

08-03-07 à 11:16

Very good web site
Great work and thank you for your service
Bob
teen anal cum
http://anal2teen8oucj.blogspot.com/


Re: Re: Re: Re: A propos de style

valium overnight

25-03-07 à 11:53

One isn't necessarily born with courage, but one is born with potential.
Without courage, we cannot practice any other virtue with consistency.
order verapamil | valium | viagra
http://distali.yo24.pl
http://maggot.yo24.pl
http://quote.yo24.pl


Re: Re: Re: A propos de style

teen lesbian

14-03-07 à 16:09

This webpage loads very fast
What hosting provider do you use?
mature fuck mature sex milf hunter videos milf next door free mature porn
http://www.yumlum.com/url/?r=df
http://www.yumlum.com/url/?r=dh
http://www.yumlum.com/url/?r=ei
http://www.yumlum.com/url/?r=ct


Re: Re: A propos de style

young fat tits

24-01-07 à 23:21

I really find this site very interesting, and it gives people a pleasure time!
I really appreciate the creators of this website!
naruto and sakura hentai | tranny | braless teachers | swingers | shemale anime
http://symy.jp/?Gr_naruto-h5b
http://symy.jp/?6E_tranny37
http://symy.jp/?x-_teacher9c
http://symy.jp/?et_swingers38


Lien croisé

Anonyme

09-04-06 à 18:40

Web Blog Directory - A Lot - Aggregating the PoweR of Blogs! : " be-rewt : Comment lire une feuille de style (Oct 29 2003 12:07 GMT) - Autant vous le dire tout de suite, j'ai eu un véritable problème pour écrire ce qui suit. Je ne sais pas du tout quel doit être le niveau de mes explications... On va donc reprendre depuis le début. "


mature post

11-01-07 à 20:26

My life's been basically dull these days.
I haven't gotten much done these days.
Today was a complete loss.
massive tits | young girls for mature lesbians | mature orgy | mature babes | toons adult manga
http://ipoo.org/3jv3
http://ipoo.org/3bbp
http://ipoo.org/9a3m
http://ipoo.org/7mv4


Re: Re: Re:

xxx mom and boys

08-03-07 à 11:12

Site - very comprehensive and meticulous from all points of view, it’s good!
Just excellent website, I'm sure!
mom and boy
http://mom8and8boy0957os.blogspot.com/


Re: Re: Re: Re:

mature pantyhose

22-03-07 à 20:02

Kiss you!
I think this is the best site in the net I have ever visited!
Really, very nice site.
I check it regularly!
mature mom galleries | free mature blowjobs | mature porn
http://www.guestbook.at/gb/gast/index.php?buchid=mature3galleries04
http://www.guestbook.at/gb/gast/index.php?buchid=mature8blowjob24
http://www.guestbook.at/gb/gast/index.php?buchid=mature9pornou


Liste de liens

Discussions actives

Liens pour les strandards