Question sur le modèle d'application Web VS 2010 (balisage html)

Question

Dans l'image ci-dessous, dans mon balisage, le titre de la page est "Bienvenue dans mon exemple de site Web" (pas tous les casquettes). Toutefois, dans l'écran partagé, le titre est affiché en majuscules.

Le code CSS est:

h1, h2, h3, h4, h5, h6 
{ 
    font-size: 1.5em; 
    color: #666666; 
    font-variant: small-caps; 
    text-transform: none; 
    font-weight: 200; 
    margin-bottom: 0px; 
} 

h1 
{ 
    font-size: 1.6em; 
    padding-bottom: 0px; 
    margin-bottom: 0px; 
} 

.header h1 
{ 
    font-weight: 700; 
    margin: 0px; 
    padding: 0px 0px 0px 20px; 
    color:white; 
    border: none; 
    line-height: 2em; 
    font-size: 2em; 
} 

Je veux afficher le titre que je codé dans le balisage (pas tout en majuscules).

Answer 1

Je voudrais essayer de changer font-variant: small-caps; à font-variant: normal;

Answer 2

Essayez:

h1 { 
font-variant: normal; 
} 

D'autres valeurs possibles sont, comme vous l'avez vu, small-caps et inherit.

Answer 3

La ligne causant le changement dans l'

h1, h2, h3, h4, h5, h6 

groupe

.

Vous pouvez changer la ligne:

font-variant: small-caps; 

être:

font-variant: normal; 

mais qui changeraient tous les en-têtes arrière au boîtier normal. Si vous voulez juste changer l'en-tête du titre à la normale, ajoutez ce qui suit au CSS:

#title h1 
{ 
    font-variant: normal; 
}