В техническом письме может быть полезно визуально отделить компьютерный код от остальной части предложения. Оборачивая каждое вхождение в тег <code>, браузер может применить некоторое форматирование по умолчанию, чтобы отобразить его более подходящим образом. Комбинируйте с <pre> для больших блоков кода.
Мы можем записывать значения времени по-разному в зависимости от контекста или языка. Помечая эти значения тегом <time>, поисковые системы и другие автоматизированные инструменты могут быстро извлечь эту информацию. Используйте атрибут «datetime», чтобы указать конкретное время в более удобном для машины формате.
Вы — уже далеко не новичок в программировании и хотите дальше развиваться в профессии?
Практический онлайн-курс «Архитектор ПО» — ваш ключ к профессиональному росту!
Программа создана специально для middle- и senior-разработчиков, тимлидов и системных администраторов, готовых освоить лучшие практики по разработке архитектуры программного обеспечения и сложных распределенных отказоустойчивых систем.
Вы освоите навыки, необходимые для работы, а также получите профессиональные советы и лайфхаки от преподавателя.
Переходите по ссылке: https://clc.am/nbnGig
Практический онлайн-курс «Архитектор ПО» — ваш ключ к профессиональному росту!
Программа создана специально для middle- и senior-разработчиков, тимлидов и системных администраторов, готовых освоить лучшие практики по разработке архитектуры программного обеспечения и сложных распределенных отказоустойчивых систем.
Вы освоите навыки, необходимые для работы, а также получите профессиональные советы и лайфхаки от преподавателя.
Переходите по ссылке: https://clc.am/nbnGig
Каков правильный HTML-тег для вставки разрыва строки?
Anonymous Quiz
79%
<br>
6%
<ol>
10%
<break>
5%
<lb>
Единицы просмотра
Этот заслуживает отдельной темы. Единицы видового экрана - это vw (ширина окна просмотра) и vh (высота окна просмотра), и они являются процентами от окна просмотра, то есть, когда элемент блока имеет ширину 60vw, это означает, что этот элемент будет иметь ширину 60% от ширины устройства ширина окна браузера (другими словами, ширина его области просмотра). Это просто потрясающе! Раньше не было возможности сделать это, и нам приходилось использовать 100% везде, чтобы попытаться добиться такого поведения, или использовать JavaScript.
Этот заслуживает отдельной темы. Единицы видового экрана - это vw (ширина окна просмотра) и vh (высота окна просмотра), и они являются процентами от окна просмотра, то есть, когда элемент блока имеет ширину 60vw, это означает, что этот элемент будет иметь ширину 60% от ширины устройства ширина окна браузера (другими словами, ширина его области просмотра). Это просто потрясающе! Раньше не было возможности сделать это, и нам приходилось использовать 100% везде, чтобы попытаться добиться такого поведения, или использовать JavaScript.
Что такое модель Box в CSS? Какие свойства CSS входят в его состав?
Прямоугольник оборачивается вокруг каждого элемента HTML. Модель бокса используется для определения высоты и ширины прямоугольного бокса. Поле CSS состоит из ширины и высоты (или, в отсутствие этого, значений по умолчанию и содержимого внутри), отступов, границ, полей.
Коробочная модель в CSS:
->Content: Фактическое содержимое поля, в котором размещен текст или изображение.
->Padding: Область вокруг содержимого (пространство между рамкой и содержимым).
->Border: Область вокруг набивки.
->Margin: область вокруг границы.
Прямоугольник оборачивается вокруг каждого элемента HTML. Модель бокса используется для определения высоты и ширины прямоугольного бокса. Поле CSS состоит из ширины и высоты (или, в отсутствие этого, значений по умолчанию и содержимого внутри), отступов, границ, полей.
Коробочная модель в CSS:
->Content: Фактическое содержимое поля, в котором размещен текст или изображение.
->Padding: Область вокруг содержимого (пространство между рамкой и содержимым).
->Border: Область вокруг набивки.
->Margin: область вокруг границы.
Каковы ограничения CSS?
-> Совместимость с браузером: некоторые селекторы стилей поддерживаются, а некоторые нет. Мы должны определить, какой стиль поддерживается или нет, используя селектор @support).
-> Проблема с кросс-браузером: некоторые селекторы работают по-разному в другом браузере.
-> Нет родительского селектора: в настоящее время, используя CSS, вы не можете выбрать родительский тег.
-> Совместимость с браузером: некоторые селекторы стилей поддерживаются, а некоторые нет. Мы должны определить, какой стиль поддерживается или нет, используя селектор @support).
-> Проблема с кросс-браузером: некоторые селекторы работают по-разному в другом браузере.
-> Нет родительского селектора: в настоящее время, используя CSS, вы не можете выбрать родительский тег.
Что такое препроцессор CSS? Что такое Sass?
Препроцессор CSS - это инструмент, используемый для расширения основных функций стандартного CSS по умолчанию с помощью его собственного языка сценариев. Это помогает нам использовать сложный логический синтаксис, такой как переменные, функции, миксины, вложение кода и наследование, и это лишь некоторые из них, дополняя ваш ванильный CSS.
SASS: Sass - это аббревиатура от "Syntactically Awesome Style Sheets". SASS можно записать в двух разных синтаксисах, используя SASS или SCSS.
SASS против SCSS:
-> SASS основан на отступах, а SCSS (Sassy CSS) - нет.
-> SASS использует расширение .sass, а SCSS использует расширение .scss.
-> SASS не использует фигурные скобки и точки с запятой. SCSS использует его, как и CSS.
Препроцессор CSS - это инструмент, используемый для расширения основных функций стандартного CSS по умолчанию с помощью его собственного языка сценариев. Это помогает нам использовать сложный логический синтаксис, такой как переменные, функции, миксины, вложение кода и наследование, и это лишь некоторые из них, дополняя ваш ванильный CSS.
SASS: Sass - это аббревиатура от "Syntactically Awesome Style Sheets". SASS можно записать в двух разных синтаксисах, используя SASS или SCSS.
SASS против SCSS:
-> SASS основан на отступах, а SCSS (Sassy CSS) - нет.
-> SASS использует расширение .sass, а SCSS использует расширение .scss.
-> SASS не использует фигурные скобки и точки с запятой. SCSS использует его, как и CSS.