Вопрос о шаблоне веб-приложения VS 2010 (разметка html)

Question

На рисунке ниже, в моей разметке, заголовок страницы «Добро пожаловать на мой образец веб-сайта» (не все заглавные буквы). Однако на разделенном экране заголовок отображается заглавными буквами.

Код в CSS:

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;
}

Я хочу отобразить заголовок, как я закодировал в разметке (не все заглавные буквы).

Answer 1

Строка, вызывающая изменение, находится в

h1, h2, h3, h4, h5, h6

группа.

Вы можете изменить строку:

font-variant: small-caps;

быть:

font-variant: normal;

но это вернуло бы все заголовки к обычному регистру. Если вы просто хотите изменить заголовок заголовка на обычный, добавьте следующее в CSS:

#title h1
{
    font-variant: normal;
}

Answer 2

Попробуйте:

h1 {
font-variant: normal;
}

Другими возможными значениями являются, как вы видели, small-caps и inherit.

Answer 3

Я бы попробовал изменить font-variant: small-caps; на font-variant: normal;