Définir des styles par div

Je suis nouveau sur le css et pas un programmeur. Je comprends ce qu'est une classe, et je comprends ce qu'est un div qui est, mais ce que je n'arrive pas à trouver, est de savoir comment définir des styles par div.

Toute aide appréciée,

Joost Verplancke

-1 le plus simple CSS tutoriels répondre à des questions comme celle-ci. Vous n'essayez même pas
Je ne sais pas comment le dire sans être méchant, mais si vous pensez que vous avez besoin de savoir comment définir des styles par div, alors vous ne pouvez pas vraiment comprendre ce que les divs ou les classes ne sont pas encore. Je ne peux pas penser à une bonne raison pour ne jamais en définir un style sur un " div " - vous devriez toujours écrire des styles pour un morceau de contenu, pas le type de l'élément il en, surtout quand vous avez affaire à un élément neutre comme un div. Cela signifie généralement la sélection via un ID ou une classe, ou de la combinaison. Si j'étais vous, je serais découvrez quelques articles sur la sémantique HTML: Commencez à écrire le bon HTML, CSS et devient beaucoup plus facile!

OriginalL'auteur Joost | 2009-12-01

css html

13

Dans votre code HTML
```
<div class="myClass">Look at me!</div>
```
Dans votre CSS
```
.myClass
{
   background-color:#eee;
}
```
MODIFIER

Comme l'a souligné Dave, vous pouvez affecter plusieurs classes à un élément. Cela signifie que vous pouvez modularise vous des styles que nécessaire. Aide à la Principe SEC.

Par exemple, dans votre HTML
```
<div class="myClass myColor">Look at me too!</div>
```
Dans votre CSS
```
.myClass
{
   background-color:#eee;
   color:#1dd;
}

.myColor
{
   color:#111;
}
```
Vous devriez noter également, que l'ordre dans l'attribut de classe n'a pas d'importance si différents styles ont des paramètres conflictuels. C'est, class="myClass myColor" est exactement le même que class="myColor myClass". Contradictoires paramètre est en fait utilisé est déterminé par le style est défini en dernier dans le CSS.

Cela signifie que, dans l'exemple ci-dessus, pour faire de la color de myClass être utilisé à la place de la color de myColor, vous devez modifier votre CSS pour changer comme suit
```
.myColor
{
   color:#111;
}

.myClass
{
   background-color:#eee;
   color:#1dd;
}
```
+1. Aussi, il pourrait être utile de remarquer que vous pouvez également assigner plusieurs style css classes à un seul div séparés par des espaces, par exemple: <div class="maclasse yourClass">Regarde-moi!</div>
En effet. Bon outre Dave.
En fait, @Dan McG, en cascade de commande est un peu plus que ce qui est défini en premier. Mais dans la plupart des cas, oui, c'est juste ce qui est défini en premier. w3.org/TR/CSS21/cascade.html#cascading-order
Merci, mais si vous regardez ma réponse je l'ai déjà lien vers le même lien pour ceux qui sont intéressés dans, plus en profondeur les détails. Peut-être que je pourrais être plus clair mais je ne voulais pas trop de détails qui complique un 'débutant'. Même raison que vous n'avez pas enseigner la relativité restreinte lors de la première expliquant de Newton Trois Lois du Mouvement

OriginalL'auteur Dan McGrath
7

Vous devez créer une classe par div ou donner à chaque div id unique valeur.

Vous pouvez alors créer un autre style CSS pour chaque classe ou l'id, qui serait de style l'correspondant élément div.
```
#specialDiv {
    font-family: Arial, Helvetica, Sans-Serif;
}

<div id="specialDiv">Content</div>
```
Ou
```
.specialDiv {
    font-family: Arial, Helvetica, Sans-Serif;
}

<div class="specialDiv">Content</div>
```
Vous pouvez également faire de styles en ligne pour chaque élément div:
```
<div style="font-family: Arial, Helvetica, Sans-Serif;">Content</div>
```
OriginalL'auteur Justin Niessner

 <div class="featured">Featured</div>

 <style type="text/css">
      .featured { padding:5px; font-size:1.4em; background-color:light-yellow; }
 </style>

Pour accéder à la classe d'utilisation (.) et les id d'utilisation (#) devant le nom.

OriginalL'auteur CodeJoust

0

Si vous avez besoin de définir le style une fois et seulement une fois que vous voulez pour ce faire:
```
#test 
 {
  background-color: red;
 }
```
Si vous pouvez avoir besoin de le réutiliser (une classe), alors vous aurez envie de faire quelque chose comme ceci:
```
.test
 {
  background-color: red;
 }
```
Puis lorsque vous êtes prêt à l'utiliser:
```
<div id="test"> this is a test </div>
```
Pour # type et:
```
<div class="test"> this is a test </div>
```
Pour le type de classe.

Ma recommandation est d'aller à l': http://www.w3schools.com/css/

L'abondance de l'aide à propos de CSS. Je voudrais essayer d'éviter les css comme c'est parfois le fait que les artistes /programmeurs pense que c'est juste plus facile à utiliser en ligne. Vous vous retrouvez avec une page web avec tous ces styles en ligne qui pourrait vraiment être centralisée et réutilisés. Faites donc attention à la ligne. Je ne recommande pas de les utiliser

OriginalL'auteur JonH
-1
```
<div style="votre css va ici"></div>
```
Modifier - ne fais pas ça, annakata est droit. J'ai mal compris votre question. Vous avez eu beaucoup de bonnes réponses déjà que vous donner les informations que vous demandez sur.

-1 s'il vous plaît ne pas le faire, les styles en ligne sont toxiques. Vous allez vous tuer vous-même le débogage et le maintien de l'absence de l'abstraction.
Vous avez raison, j'ai mal compris le sens. HTML n'est pas quelque chose que je fais souvent, mais qui prend tout son sens.

OriginalL'auteur Heather M

Vous devez vous connecter pour publier un commentaire.