View Code? Open in Web Editor
NEW
This project forked from cyberspacedk /tips-for-html_css
Полезные заметки по написанию кода HTML/CSS
tips-for-html_css's Introduction
Полезные заметки по написанию кода HTML/CSS
ИЗБЕГАЕМ использования отрицательного MARGIN
название классов должны соответствовать контенту
избегаем использование тега
НЕ задаем блокам высоту
иконки png и svg выносим в sprite
используем на странице один , если явно нет заглавия, то логотип и будет
в ссылке НЕ может быть другой ссылки
картинкам прописываем alt
внутренних отступов у элемента
как первый отступ на странице
чтобы потянуть фоновый цвет или фоновое изображение
внешних отступов
по возможности толкать в одно направление (вниз, вправо)
RESPONSIVE/ADAPTIVE правила
max-width , min-width,min-height приветствуетсяpadding задаем в REMmargin задаем в %oject-fit:cover задаем для display:block;max-width:100%;height:auto; отзывчивая картинка
::after и ::before дают результат ТОЛЬКО для тех элементов, у которых имеется содержимое, поэтому добавление к селектору img или input ничего не выведет.
не забываем ставить свойство content:"";
tips-for-html_css's People
Contributors
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent