LESS - это аббревиатура от «Leaner Stylesheets». LESS легко добавить в любой проект javascript с помощью файла NPM или less.js. Он использует расширение .less.

Синтаксис LESS такой же, как у SCSS, за некоторыми исключениями. LESS использует @ для определения переменных.


@font-color: #fff;
@bg-color: #00f

#box{
color: @font-color;
background: @bg-color;
}

​​Stylus предлагает большую гибкость при написании синтаксиса, поддерживает собственный CSS, а также позволяет опускать скобки, двоеточия и точки с запятой. Он не использует @ или $ для определения переменных.

/ STYLUS SYNTAX, НАПИСАННЫЙ КАК НАТИВНЫЙ CSS /
font-color= #fff;
bg-color = #00f;

#box {
color: font-color;
background: bg-color;
}

/ OR /

/ STYLUS SYNTAX БЕЗ КРЕПЛЕНИЯ /
font-color= #fff;
bg-color = #00f;

#box
color: font-color;
background: bg-color;

Разница между сбросом и нормализацией CSS? Чем они отличаются?

Сбросы CSS направлены на удаление всех встроенных стилей браузера. Например, поля, отступы, размеры шрифта всех элементов сбрасываются и становятся одинаковыми.

Нормализация CSS направлена на обеспечение единообразия встроенного стиля браузера во всех браузерах. Он также исправляет ошибки, связанные с общими зависимостями браузера.

В чем разница между inline, inline-block, и block?

Block Element: элементы блока всегда начинаются с новой строки. Они также займут место для всего ряда или ширины. Список элементов блока: <div>, <p>.

Inline Elements: встроенные элементы не начинаются с новой строки, они появляются в той же строке, что и содержимое и теги рядом с ними. Некоторыми примерами встроенных элементов являются теги <a>, <span>, <strong> и <img>.

Inline Block Elements: элементы встроенного блока аналогичны встроенным элементам, за исключением того, что у них могут быть добавлены отступы и поля со всех четырех сторон.

Существенные различия между Python и JavaScript:

->JavaScript лучше подходит для создания внешнего интерфейса, тогда как Python лучше подходит для работы с внутренними и серверными сценариями.

->JavaScript работает быстрее по сравнению с Python, но для создания кода Python требуется меньше времени.

->Python лучше подходит для анализа данных, машинного обучения или искусственного интеллекта, поскольку его легче понять и поддерживать, чем JavaScript.

Как вы тестируете веб-страницу в разных браузерах?

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

Absolute CSS

Чтобы разместить элемент именно там, где вы хотите его разместить. абсолютная позиция фактически устанавливается относительно родительского элемента. Eсли родительский элемент недоступен, то относительное место самой страницы (по умолчанию он будет полностью возвращаться к элементу).

Relative CSS

"Относительно самого себя". Положение установки: относительное; на элементе и никакие другие атрибуты позиционирования, это не повлияет на его позиционирование. Он позволяет использовать z-index для элемента и ограничивает область действия абсолютно позиционированных дочерних элементов. Любой дочерний элемент будет абсолютно позиционирован внутри этого блока.

Fixed CSS

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

Static CSS

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

position: sticky

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

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

Различное свойство размера коробки?

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

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

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

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

Четыре типа свойств @ media:

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

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

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

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

Что такое сеточная система?

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

Какими способами можно скрыть элемент с помощью CSS?

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

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

Что означает доступность (a11y)?

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

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