Добрый день, Гость! Представляем Вам наши форумы. Вы можете зарегистрироваться чтобы писать на форумах или зайдите под своим именем, если Вы уже регистрировались.
   
   


Форум
 SX CMS | Основная тема
         CSS SX Сброс ( reset.css )

Похожие темы

CSS SX Сброс ( reset.css )


События Четверг, 01.03.2018, 09:28

mrX

Группа: Администратор
Cообщений: 135
Регистрация: 26.08.2015
Город: Cочи
Здесь обсуждаем стили сброса для CSS SX.




Пользователь офлайн
События Четверг, 01.03.2018, 09:31

mrX

Автор текущей темы
Группа: Администратор
Cообщений: 135
Регистрация: 26.08.2015
Город: Cочи
MiniReset 533 байта
сайт https://github.com/jgthms/minireset.css
код https://raw.githubusercontent.com/jgthms/minireset.css/master/minireset.css


Пользователь офлайн
События Четверг, 01.03.2018, 18:00

SX

Группа: Администратор
Cообщений: 2968
Регистрация: 23.10.2009
Скорее нужен не ресет, а фиксер. Дабы было как можно меньше переназначений.

Вот к примеру чем это

Код
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr {
margin: 0;
padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}


лучше этого

Код
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}


Вот например раздел типографики что использую

Код
/* ==================== Типографика ==================== */
h6, h5, h4, h3, h2, h1, .h6, .h5, .h4, .h3, .h2, .h1 {
padding: 0;
margin: 0 0 .8rem 0;
font-weight: bold;
}

h1, .h1 {
font-size: 2.375rem;
line-height: 1.1;
}
h2, .h2 {
font-size: 2.125rem;
line-height: 1.2;
}
h3, .h3 {
font-size: 1.875rem;
line-height: 1.3;
}
h4, .h4 {
font-size: 1.625rem;
line-height: 1.4;
}
h5, .h5 {
font-size: 1.375rem;
line-height: 1.5;
}
h6, .h6 {
font-size: 1.125rem;
line-height: 1.6;
}

@media (max-width: 768px) {
h1, .h1 {
font-size: 2rem;
}
h2, .h2 {
font-size: 1.813rem;
}
h3, .h3 {
font-size: 1.625rem;
}
h4, .h4 {
font-size: 1.438rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1.063rem;
}
}

p, .p {
padding: 0;
margin: 0 0 1rem 0;
font-size: 1rem;
}

Для этих элементов убран сброс, сразу идет переназначение, только один раз. То есть еще одна обработка будет только уже в стилях конкретного сайта. Короткое дерево, удобнее при отладке. Так же плюс что могу свои классы использовать так же как и теги, общий вид


Пользователь офлайн
События Понедельник, 19.03.2018, 00:17

SX

Группа: Администратор
Cообщений: 2968
Регистрация: 23.10.2009
В общем думаю сия тема нафиг не нужна. В генераторе стилей просто сделаю выбор, а уж кто что выберет, тот то и будет использовать. Пока решил добавить нормализе, ресет и миниресет


Благодарности mrX
Пользователь офлайн


Похожие темы  |   Предыдущая тема  |   Следующая тема

Быстрый переход:  
 

 Сейчас на сайте

Пользователей: 0, Гостей: 14

Поисковые боты: 46
Bot(20), oBot(18), BingBot(3), Googlebot, Yandex(2), Crawler(2)
 Статистика форума

  Темы Сообщения Пользователи
За сутки:
За неделю:
За месяц:
Всего:
Мы приветствуем нового участника: vera350
 Дни рождения

Evgenijvy (31)
Copyright © 2009 - 2018 SX All rights reserved | Powered by SX CMS 1.06 UTF | Контакты