Sujet Précédent Sujet Suivant

Mise en page css

Résolu/Fermé
Utilisateur anonyme - 25 août 2012 à 02:35
 Utilisateur anonyme - 25 août 2012 à 03:47
Bonjour,
laquelle de ces deux méthodes et la meilleure a utilisée et pourquoi svp.

EXEMPLE 1
@charset "iso-8859-1";
body{
background-color: #335566;
display: inline-block;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

div#contenu {
width:600px;
height:250px;
background-color:#FFCC00;
text-align:left;
}

div#imageframe {
float:left;
width:100px;
height:200px;
background-color:#FF6699;
}

div#imagecadre {
width:100px;
height:200px;
background-color:#66CC33;
}

div#textebas {
width:600px;
height:50px;
background-color:#cff21f;
}

----------------------------------------------------------------------------------------------------------------

EXEMPLE 2

@charset "iso-8859-1";
body{
background-color: #335566;
display: inline-block;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#contenu {
width:600px;
height:250px;
background-color:#FFCC00;
text-align:left;
}

#contenu #imageframe {
float:left;
width:100px;
height:200px;
background-color:#FF6699;
}

#contenu #imageframe #imagecadre {
width:100px;
height:200px;
background-color:#66CC33;
}

#contenu #textebas {
width:600px;
height:50px;
background-color:#cff21f;
}




merci d'avance!





A voir également:

2 réponses

Réponse 1 / 2
opda
25 août 2012 à 03:22
Aucune ce sont les même méthodes.

Par contre la syntaxe donc le sens est différent:

div#contenu { /* propriétés*/

applique les propriétés CSS au div qui a pour id='contenu'

#contenu { /* propriétés*/

applique les propriétés CSS à l'élément(quel qu'il soit) qui a pour id='contenu


Le mieux serait pas de commencer par le début en CSS, c'est la base de savoir nommer et appliquer un style à une(dans le cas d'un id) ou plusieurs (dans le cas d'une class) balises HTML et de savoir comment...

Vous avez aussi les pseudo classes qui sont intéressantes et ont des syntaxes qui permettent de parcourir une arborescence de balises ou de différencier les états d'une balise.

ps: on parle de méthode pour appeler le CSS pour différencier css interne et externe et de la façon dont est appelée un CSS externe(<link> ou @import).
0
Réponse 2 / 2
Utilisateur anonyme
Modifié par lionhell454 le 25/08/2012 à 03:55
Merci beaucoup de m'avoir répondu.
je fais un peu de html/xhtml css et php et manipulé des base de donné mysql
mais apprenant tous seul avec des livre et des tuto souvent je me perd un peu ou je retiens pas tout. Ajax Javascript Xml je nage complet meme si j ai aussi un peu boouquiner

nommer et appliquer un style à une(dans le cas d'un id) ou plusieurs (dans le cas d'une class) balises HTML et de savoir comment...

ID c'est unique class cela permet d'y faire appel plusieurs fois

pseudo classes
j ai lu met je connais pas vraiment.je vais regarder ca se soir

ps: on parle de méthode pour appeler le CSS pour différencier css interne et externe et de la façon dont est appelée un CSS externe(<link> ou @import).
cela aussi je le savait

mais j ai tout de même du mal a différentier le sens des deux syntaxe
div#contenu --->applique les propriétés CSS au div
#contenu --->applique les propriétés CSS à l'élément(quel qu'il soit)

c'est encore flou dans mon esprit y a un truc que je comprend pas bien
je te remercie quant meme je vais essaye d'éclaircir ca.
et y a aussi un truc dans la hiérarchie dans le css que j ai pas compris.


EXEMPLE 1

body{
div#contenu {
}
div#imageframe {
}
div#textebas {
}

----------------------------------------------------------------------------------------------------

EXEMPLE 2


body{
}
#contenu {
}
#contenu #imageframe {
}
#contenu #imageframe #imagecadre {
}
#contenu #textebas {
}

tu vois ce que je veut dire la hierarchie (enfin la manière de les imbriqué ou non.)



enfin merci bien!!

Plusieurs problèmes font parfois une solution...
0