Помощник
|
Теги заголовки, как избавится от классов?, H + css |
stixia007
|
Сообщение
#1
|
||
|
|
||
|
|||
x64 |
11.6.2015, 20:17;
Ответить: x64
Сообщение
#2
|
|
HTML
Код <h1></h1> <div class="h1"><h1></h1></div> <div class="h2"><h1></h1></div> CSS Код h1 {
/* правила для всех h1 */ } .h1 h1 { /* правила для h1, которые находятся в классе .h1 */ } .h2 h1 { /* правила для h1, которые находятся в классе .h2 */ } |
|
|
stixia007
|
Сообщение
#3
|
|
Охохо Спасибо большое!
Сейчас буду всё переделывать. А это нормально напрямую называть блоки h1, h2? |
|
|
x64 |
12.6.2015, 9:06;
Ответить: x64
Сообщение
#4
|
|
Простите, не совсем понял, что значит «напрямую называть».
Если Вы имеете ввиду «class="h1"», то это лишь для примера. Названия могут быть совершенно любыми, тут уже от верстальщика зависит. Один с пеной у рта доказывают, что за название, вида: Код <div class="l"></div> (это для левого выравнивания), нужно руки коцать. Другие не видят ничего криминального в: Код <div class="red"></div> Если Вы сами верстаете, делайте, как проще Вам запомнить. Код <h1>Обычный размер для h1</h1> <div class="big"><h1>Увеличенный размер</h1></div> <div class="small"><h1>Уменьшенный размер</h1></div> Код h1 { font-size:25px; } .big h1 { font-size:30px; } .small h1 { font-size:20px; } Опять же, это лишь пример. Названия для классов можно придумывать любыми, лишь бы не конфликтовали друг с другом. |
|
|
stixia007
|
Сообщение
#5
|
|
Спасибо! Буду всё исправлять...
Да и я вот, вообще логичнее к классам присваивать название h1, h2 и т.д. А как к этому ПС относится? Или нужно своё выдумывать. Мне например удобно h1_main, h1_cat и т.д. Сообщение отредактировал stixia007 - 12.6.2015, 9:39 |
|
|
mmkulikov |
12.6.2015, 10:14;
Ответить: mmkulikov
Сообщение
#6
|
|
классам присваивать название h1, h2 и т.д. А как к этому ПС относится? Слава богу, ПС еще до этого не добрались Обзывайте как хотите. -------------------- VPS от 5€ |
|
|
stixia007
|
Сообщение
#7
|
|
Почти закончил, если кому не лень, всё ли нормально - валидно?
Код h1, h2, h3, h4, h5, h6, ul, li, textarea, table{ font: 12px "Open sans", Arial, Tahoma, Sans-serif; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; padding: 0; margin: 0; } .short h1{ font-size: 15px; height: 39px; line-height: 39px; padding: 0 10px; color: #313746; } .news h1{ font-size: 15px; background: #313746; height: 40px; padding: 0 10px; color: #ffffff; line-height: 40px; font-style: normal; } .game h1{ font-size: 15px; width: 630px; height: 21px; line-height: 21px; color: #797c85; } .short h2{ font-size: 15px; line-height: 40px; } .last h2{ display: block; font-size: 16px; height: 20px; } .last a{ color: #434854; } .last a:hover{ cursor: pointer; text-decoration: underline; } .context h2 { display: inline-block; position: relative; background: #313746; font-size: 14px; color: #fff; padding: 0 10px; line-height: 33px; height: 33px; right: 10px; } .context h3 { display: inline-block; position: relative; background: #313746; font-size: 13px; color: #fff; padding: 0 10px; line-height: 30px; height: 30px; } .context h3::after { content: ''; position: absolute; left: 20px; bottom: -14px; border: 7px solid transparent; border-top: 7px solid rgb(49, 55, 70); } Правда в некоторых блоках одинаковый размер заголовка h1 и h2, в шаблоне так приятнее выглядит, ну и при добавлении новостей - приходится делать так: Код <div class="context"><h2>Заголовок</h2></div> Нет ли каких ошибок со стороны ПС? Заранее спасибо Сообщение отредактировал stixia007 - 12.6.2015, 11:22 |
|
|
Extrim25 |
16.6.2015, 10:30;
Ответить: Extrim25
Сообщение
#8
|
|
|
stixia007, точно валидно.
Цитата W3C результаты проверки CSS для TextArea (CSS3) Поздравляем! Ошибок не обнаружено. https://jigsaw.w3.org/css-validator/validator Когда то слышал что H1 лучше не оборачивать в ссылки. На счет всех остальных украшательств проблем быть не должно.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Как в пушсетках покупают по 100-200 тысяч кликов за день? | 2 | Boymaster | 719 | 24.4.2024, 17:52 автор: Boymaster |
|
Как вы отдыхаете от работы за компом | 151 | adw-kupon.ru | 19904 | 23.4.2024, 13:52 автор: Vmir |
|
Как вы бросили работу и перешли на заработок с сайтов? | 20 | uahomka | 3483 | 23.4.2024, 11:54 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 30 | freeax | 5047 | 20.4.2024, 16:49 автор: Liudmila |
|
Арбитражники, как ведете учет расходов и доходов? | 13 | Boymaster | 2040 | 20.4.2024, 15:06 автор: Boymaster |
Текстовая версия | Сейчас: 26.4.2024, 2:30 |