🗄 Сокращения в CSS / Минимизируем CSS код

Сокращенные свойства - это свойства CSS, которые позволяют одновременно устанавливать значения нескольких других свойств CSS. Используя сокращенное свойство, Вы можете писать более краткие (и часто более читаемые) таблицы стилей, экономя время и энергию.

#учись #полезныйресурс #css

🐹 Все значения свойства cursor в CSS

С помощью этого свойства можно указать, какой внешний вид будет у курсора, когда пользователь наведёт мышку на элемент.

.button { cursor: pointer; }

Чаще всего это свойство пригождается при вёрстке кнопок. По умолчанию браузер не меняет внешний вид курсора при наведении мыши на кнопку. Поэтому, если на кнопку можно нажать, ей следует прописать cursor: pointer, чтобы пользователь точно понял, что с элементом можно взаимодействовать.

#учись #html #css

📌 Наглядная шпаргалка по Flexbox CSS

Flexbox (от англ. flex — гибкий) — это модуль CSS, который позволяет удобно управлять расположением, порядком, размерами и отступами между элементами веб-страницы.

Сайты, свёрстанные «флексами», получаются адаптивными, то есть выглядят хорошо на разных устройствах: ПК, ноутбуках, планшетах и смартфонах.

До появления Flexbox разработчики верстали веб-страницы с помощью таблиц, CSS-свойств position, float и прочих инструментов, которые на самом деле для этого не предназначены. Сегодня Flexbox, как и CSS Grid, является частью стандарта CSS3 и его не нужно подключать отдельно.

#учись #шпаргалки #css

🐹 Все значения свойства cursor в CSS

С помощью этого свойства можно указать, какой внешний вид будет у курсора, когда пользователь наведёт мышку на элемент.

.button { cursor: pointer; }

Чаще всего это свойство пригождается при вёрстке кнопок. По умолчанию браузер не меняет внешний вид курсора при наведении мыши на кнопку. Поэтому, если на кнопку можно нажать, ей следует прописать cursor: pointer, чтобы пользователь точно понял, что с элементом можно взаимодействовать.

#учись #html #css