Aidez-moi, je ne comprends pas la philosophie CSS !

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Aidez-moi, je ne comprends pas la philosophie CSS !

Master_Jul

Hello,

soucieux de rendre mon site le plus compliant, j'ai été ici et là lire les tutos CSS et je retombe toujours sur le même problème.

J'ai besoin d'une police Verdana, un coup j'ai besoin de Verdana en blanc, un autre coup Verdana en blanc et gras, après Verdana en blanc, gras et centré... :pt1cable: Je ne vais pas me faire 50 styles pour changer/ajouter un attribut quand même ?!

J'ai lu des articles sur l'héritage mais je n'arrive pas à rendre ça concret dans ma CSS, voici où j'en suis :

Code :

/* Feuille de style Apelec 2005 */
/* 18/04/2005 */
/* Corps du document */
body {
background-image: url(../images/fonds/fond1.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Lien */
a {
text-decoration: none;
color: White;
}
/* Lien survolé */
a:hover
{
text-decoration: underline;
color: White;
}
/* Lien de petite taille */
a.petit{
font-size: 0.8em;
}
/* Paragraphe */
p {
font-weight: bold;
color: White;
}
/* Paragraphe centré */
p.centre
{
text-align: center;
}
.texte_petit
{
font-size: 0.8em;
color: White;
}
.texte_petit_centre{
text-align: center;
font-size: 0.8em;
color: White;
}
table {
margin-left: auto;
margin-right: auto;
border-spacing: 0px;
border-width: 0px;
border-collapse: collapse;
}
td {
padding: 0px;
}

Est-ce que c'est bien commencé déjà ? Merci. :hello:

Le problème se situe principalement pour mes ".texte_petit_centre", je ne vais pas faire un style ".texte_petit_centre_gras" quand même, si ?!

Message édité par Master_Jul le 18-04-2005 à 14:31:38

Publicité

KangOl

Profil : pointeur

Code :

.petit{
font-size: 0.8em;
}
/* Paragraphe centré */
.centre
{
text-align: center;
}

Code :

petit texte centréw

:spamafote:

---------------
Nos estans firs di nosse pitite patreye...

FlorentG

Unité de Masse

Ca sert à rien un text-align center dans un span qu'est pas en display block

KangOl

Profil : pointeur

effectivement :jap:

c'etait juste pour lui donner le principe pour affecter plusieurs classes a un element...

---------------
Nos estans firs di nosse pitite patreye...

masklinn

í dag viðrar vel til loftárása

La philosophie des CSS, c'est de séparer le contenu/l'information (HTML) et la manière dont cette information est présentée (CSS).

Tout d'abord, celà veut dire qu'à quelques (rares) exceptions près le HTML n'est pas censé contenir la moindre information de présentation/style.
Ca veut dire naturellement pas de , ou , mais également pas de classes "petit" ou d'id "centre".
Les classes et les ids doivent décrire le rôle des éléments, leur sens, leur signification dans la logique de la page (menu, lien_livre, footer, signature).

Ensuite, il faut utiliser les balises (HTML) dédiées. Par exemple quand un mot ou une expression est important et qu'il faut appuyer dessus, on va utiliser (emphasis, mettre l'emphase sur) et qu'on stylera ensuite selon nos besoins. Pour un titre ou un sous titre, on utilisera les "headers" h1 à h6, que l'on stylera là encore par la suite l'apparence "par défaut" étant aisément modifiable elle n'a aucune importance.

Enfin seulement on met au point le CSS en accédant aux éléments directement (a, em, h1), via leur classe (.classe) ou leur id (#id). Et on peut faire jouer la cascade.

La cascade, c'est la capacité à accéder au contenu via le contenant.

Par exemple si j'ai une liste et que je veux accéder aux "li" de cette liste

Je peux donner une classe à chaque "li", ce qui me force à écrire beaucoup de classes inutiles, ou alors je donne un id à mon UL, ce qui a comme résultat

et j'accède à mes LI par

#bou li { /*style_des_li*/ }

Donc des classes comme "petit" ou "centre" n'ont que peu de sens puisqu'il désignent la manière dont le lien sera affiché dès le fichier HTML, ce qui supprime une grande partie de l'intérêt des CSS.
Pour voir les avantages de bien séparer le contenu (HTML) et la présentation (CSS), voir CSS Zen Garden

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Master_Jul

Merci beaucoup pour vos réponses. Vous avez répondu exactement à mes interrogations.

Bonne journée !

FORUM HardWare.fr

Programmation

HTML/CSS

Aidez-moi, je ne comprends pas la philosophie CSS !

Sujets relatifs
Aidez moi svp !!! Livre d'or messages par pages	Problème CSS
(Résolu) [CSS] Forcer une chaîne à se couper (en fin de cellule)	[Tomcat][CSS] Mes feuilles de style ne fonctionnent pas
[CSS]Technique reconnue pour postionner verticalement les blocs?	Problème de mise en page avec CSS
[CSS] Le texte déborde du calque	aidez moi à le coder.. mon système de points.
Changer couleur de cellule en CSS	[CSS] Menu déroulant --> aide please!
Plus de sujets relatifs à : Aidez-moi, je ne comprends pas la philosophie CSS !

Page générée en 0.062 secondes