CSS / HTML адресация нескольких заголовков

Question

CSS / HTML адресация нескольких заголовков

0

Таким образом, я все еще новичок в HTML/CSS, и я импортировал собственный шрифт. На моем сайте у меня много заголовков строк и абзацев, но они требуют много разных стилей. Я не могу использовать "H1-6" или "header" или "p" каждый раз. Какой лучший способ адресовать заголовки/абзацы? Благодарю!

<h1>Qualenist</h1>
<h2>Lorem ipsum dolor sit amet & consectetur adipisicing elit</h2>
<h3>Sign Up</h3>
<h4>learn more</h4>
<h6><span>already a member?</span> Sign in</h6>
<header>How it works</header>

user2605157 21 янв. 2014, в 05:03

Источник

1

Похоже, вы ищете классы CSS.
SLaks 21 янв. 2014, в 03:55
0

прочитайте w3c html и вы поймете, почему h1 h2 и т. д. существуют. Если вы не хотите, не используйте его
daremachine 21 янв. 2014, в 03:56
1

Пожалуйста, не радикально измените свой вопрос! Ответы, опубликованные сейчас, не имеют никакого отношения к вашим изменениям!
Jon P 21 янв. 2014, в 04:53
0

Оо хорошо Я выложу новый.
user2605157 21 янв. 2014, в 04:55

Показать ещё 2 комментария

Теги:

html

css

html5

css3

4 ответа

0

просто дайте css, как

<header class="newstyle">how it works</header>
<header class="other">how it works</header>

.newstyle{
 font-size:30px;
 }
.other{
 font-size:20px;
}

neel 21 янв. 2014, в 01:41

0

прежде всего, вы должны сделать собственный CSS-класс для своих целей. вы найдете хороший заголовок, метку в библиотеке начальной загрузки

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

http://getbootstrap.com/components/#labels

пожалуйста, проверьте

java seeker 21 янв. 2014, в 01:36

0

Почему вы рекомендуете использовать labels вместо семантически правильных тегов hx ?
Jon P 21 янв. 2014, в 04:56

0

Вы можете легко добавлять классы в h1 h6, например, main, sidebar.
Эти определения более высокие, потому что их specifity выше, чем определения тегов.

Для получения дополнительной информации о specifity здесь приведены некоторые ссылки:

ernd enson 21 янв. 2014, в 01:34

Ещё вопросы

прочитайте w3c html и вы поймете, почему h1 h2 и т. д. существуют. Если вы не хотите, не используйте его
Пожалуйста, не радикально измените свой вопрос! Ответы, опубликованные сейчас, не имеют никакого отношения к вашим изменениям!
Почему вы рекомендуете использовать labels вместо семантически правильных тегов hx ?

greim · Accepted Answer · 2014-01-21T01-54-00.000Z

Добро пожаловать в веселый мир HTML и CSS! Стандартный подход заключается в том, чтобы добавлять классы к элементам, чтобы различать их, чтобы вы могли стилизовать их разными способами:

<h1 class="success">Your subscription is processed</h1>
<h1 class="error">There was a problem processing your subscription</h1>

... затем в CSS:

h1.success { color: green; font-family: "Helvetica"; }
h1.error { color: red; font-family: "Courier"; }

Затем, когда ваш босс изменит свое мнение и хочет, чтобы все заголовки успехов были фиолетовыми Comic Sans, вы можете соответствующим образом изменить h1.success CSS h1.success.

Это имеет смысл, что я должен делать. Так я и сделал, но он не появился. Помогите? Я редактировал код выше.
Мне не совсем понятно, просто прочитав вопрос, каков ожидаемый результат. Я бы посоветовал перейти на jsfiddle.net, где вы можете ввести свой код HTML и CSS, затем нажать «запустить», и он отобразит результат. Как только вы получите весь свой код и запустите его там, нажмите «сохранить» и вставьте сюда ссылку, чтобы каждый мог взглянуть на нее.