Свой reset.css для сброса стилей и задание базовых стилей style.css
09.09.2024Сброс базовых стилей reset.css В данной статье рассмотрим создание своего файла reset.css для сброса базовых стилей браузеров. А также рассмотрим файл стилей, который послужит базовым набором стилей для создания адаптивного и отзывчивого интерфейса. Свойство box-sizing box-sizing: content-box (размеры не включают margin, padding, border) и border-box (размеры включают только padding и border). Свойство по-умолчанию — content-box значит, что если задаем блоку фиксированные размеры, то на самом деле размеры этого блока будут ширина и высота + padding + margin + border. Фактический размер будет больше. 2. Для тега body определенно стоит обнулить значения padding и margin в силу того, что в разных…
Адаптивная сетка с использованием flexbox
Рассмотрим пример создания сетки на примере сайта, в котором представлены карточки с товарами. Для верстки воспользуемся методологией BEM. Рассмотрим макет с типовой секцией, которая перечисляет карточку товаров «products». Для базовых настроек и сброса стилей воспользуемся стилями из статьи №1. Рассмотрим…
Wazuh Dashboards plugins
Рассмотрим продукт с открытым исходным кодом Wazuh Dashboards plugins, который является дополнением для взаимодействия с SIEM Wazuh совместно с OpenSearch стеком. OpenSearch стек OpenSearch стек (OpenSearch, Logstash, OpenSearch Dashboards) — это форк ELK стека (Elasticsearch, Logstash, Kibana). Конвейер обработки данных журнала…