@AndreyZernov
Верстальщик, живу в Белгороде

Как позиционировать элементы не создавая путаницы в коде?

Когда верстаешь многостраничник, появляется куча классов p, заголовков и прочих текстовых тегов, отличающихся по сути лишь line-height, вертиакальными padding и margin. Потому что где то один отступ, где то другой.. В итоге через некоторое время образуется каша в коде, приходится постоянно переопределять стили для новых тегов.
например:
.wrapper{
p{...}
.booking{
p{...}
p.center_bl{...}
}
.food_menu{
p{...}
}
}

Как избежать этого гемора и упорядочить код? Может как то можно не привязывать отступы к тегам, а использовать пустые div у которых единственное свойство - margin-top? Надеюсь, вопрос понятен.
  • Вопрос задан
  • 172 просмотра
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
не используй обращение к тегам в css. обращайся только по классу. задавай нужные отступы в классах и присваивай их своим < p >
p.s. а вообще почитай на досуге https://ru.bem.info/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
А зачем такая сложная вложенность?
Чем не устраивает хотя бы просто:
p {
color: #000;
font-size: 14px; 
// и т.д.
}
.one {
   padding: 0;
   margin: 0;
   line-height: 1;
}
.two {
   padding: 10px 0;
   margin: 10px;
   line-height: .5;
}
// и т.д.

тегу p указываешь все что одинаковое, классам все что разное и классы присваиваешь какие надо на нужных страницах.
Или я не правильно понял вопрос!?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 23:55
3000 руб./за проект
22 нояб. 2024, в 22:26
3500 руб./за проект
22 нояб. 2024, в 21:47
3000 руб./за проект