Front End - NAHTML

2021-08-17 14:36:14 Что означает доступность (a11y)?

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

Например, веб-сайт, разработанный с учетом специальных возможностей, может иметь возможность преобразования текста в речь. В США публичные веб-сайты должны иметь доступное соответствие. Он определен в соответствии с требованиями 508. Он дает рекомендации и передовой опыт для всех пользователей веб-сайта, которые должны быть выполнены с ключевыми областями доступности. Открыть/Комментировать

2021-08-16 17:10:39 Какими способами можно скрыть элемент с помощью CSS?

Использование свойства отображения (display: none). Он недоступен для программ чтения с экрана. Элемент не будет существовать в DOM, если используется display: none.

Использование свойства видимости (visibility: hidden) займет пространство элемента. Он будет доступен пользователям программ чтения с экрана. Элемент фактически присутствует в DOM, но не отображается на экране. Открыть/Комментировать

2021-08-15 14:50:09 Что такое сеточная система?

CSS Grid Layout - самая мощная система макета, доступная в CSS. Говорят, что это двухмерная система, то есть она может обрабатывать как столбцы, так и строки, в отличие от flexbox, который в значительной степени является одномерной системой. Открыть/Комментировать

2021-08-14 18:58:13 Открыть/Комментировать

2021-08-13 12:27:47 Как центрировать выравнивание div внутри другого div? Открыть/Комментировать

2021-08-12 12:12:38 Четыре типа свойств @ media:

All → Свойство по умолчанию. Используется для всех мультимедийных устройств.

Screen → Используется для экрана компьютера, мобильного экрана.

Print → Используется для принтеров.

Speech → Используется для программ чтения с экрана. Открыть/Комментировать

2021-08-11 20:27:56 Различное свойство размера коробки?

Свойство CSS box-sizing устанавливает способ вычисления общей ширины и высоты элемента.

Content-box: значения ширины и высоты по умолчанию применяются только к содержимому элемента. Заполнение и граница добавляются за пределы поля.

Padding-box: значения ширины и высоты применяются к содержимому элемента и его отступу. Граница добавляется за пределами поля. В настоящее время только Firefox поддерживает значение padding-box.

Border-box: значения ширины и высоты применяются к содержимому, отступу и границе. Открыть/Комментировать

2021-08-10 12:34:33 Открыть/Комментировать

2021-08-09 20:01:33 position: sticky

Элемент с position: sticky; позиционируется в зависимости от положения прокрутки пользователя.

Прикрепленный элемент переключается между относительным и фиксированным, в зависимости от положения прокрутки. Он позиционируется относительно, пока не будет достигнута заданная позиция смещения во вьюпорте - затем он «застревает» на месте (например, position: fixed). Открыть/Комментировать

2021-08-08 19:21:22 Fixed CSS

Элемент позиционируется относительно области просмотра или самого окна браузера. Oбласть просмотра не меняется, если вы прокручиваете, и, следовательно, фиксированный элемент останется в том же положении.

Static CSS

Статическое значение по умолчанию для каждого отдельного элемента страницы. Единственная причина, по которой вы когда-либо устанавливали бы элемент в position: static - это принудительное удаление некоторого позиционирования, которое было применено к элементу, находящемуся вне вашего контроля. Открыть/Комментировать