457 читали · 5 лет назад
На стиле — подборка интересных CSS-свойств
Вы не пове­ри­те, до чего дошёл про­гресс! В совре­мен­ном вебе CSS нужен уже не толь­ко для того, что­бы оформ­лять сти­ли заго­лов­ков. В 2019 году на сти­лях дела­ют меню, настра­и­ва­ют ани­ма­цию и дела­ют трёх­мер­ные сай­ты. Сего­дня — обзор инте­рес­ных CSS-свойств и их при­ме­не­ние. Липкие блоки При­мер: Codepen Что исполь­зу­ем: sticky Недав­но в CSS появи­лись «лип­кие» бло­ки — они созда­ют такие эле­мен­ты на стра­ни­це, кото­рые при скрол­ле оста­ют­ся на сво­ём месте. Но как толь­ко до них доез­жа­ют дру­гие бло­ки, залип­ший тоже начи­на­ет дви­гать­ся...
4 недели назад
CSS: Базовые стили для создания красивых веб-страниц
Существуют стили и комбинации стилей, которые чаще используются в CSS при стилизации сайта. Разберем некоторые из них: 1. Работаем с текстом 1.1. Изменяем шрифт Например: font-family: Arial, sans-serif;. Например: font-size: 16px;. Например: font-weight: bold;. Например: font-style: italic;. 1.2. Выравнивание текста Например: text-align: center;. 1.3. Отступы и межстрочный интервал Например: margin: 10px;. Например: padding: 5px;. Например: line-height: 1.5;. Пример: p { font-family: 'Arial',sans-serif; font-size:16px; line-height: 1.5; text-align:justify; } Этот код задает шрифт Arial для всех абзацев, размер шрифта 16 пикселей, высоту строки 1...