Фронтенд Гайд
Kanalga Telegram’da o‘tish
Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. 6ad1a2aabe82d4fbb0d6
Ko'proq ko'rsatish7 857
Obunachilar
-2524 soatlar
-297 kunlar
-8030 kunlar
Postlar arxiv
7 856
CSS вопрос: Изменение какого свойства возможно сделать плавным с помощью transition?
7 856
🖥 Flipping Neon - Анимированная сцена, выполненная на чистом CSS, без использования JavaScript
7 856
CSS вопрос: border-radius (с корректным положительным числовым значением) применили к элементу. Будут ли у нативного outline этого элемента скругленные углы?
7 856
HTML. С помощью какого тега можно указать ключевые слова для поисковиков?
7 856
Folded Paper Login Form - Форма входа в систему в виде сложенной бумаги, реализованная на чистом CSS.
7 856
+9
Помощь в трудоустройстве в IT-сфере!
В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специалистов. Теперь любой желающий может попробовать себя в IT с полного нуля и начать обучение бесплатно!
Узнайте про дальнейшее трудоустройство в ведущие IT-компании для восполнения кадрового дефицита.
Для этого нужно:
- Перейти по ссылке
- Заполнить анкету и ответить на вопросы (занимает менее 3 минут)
- На основании ваших ответов вы сразу узнаете, подходит ли вам сфера IT и сможете ли вы в ней работать
Перейти на сайт
#реклама 16+
urban-university.ru
О рекламодателе
7 856
Как расшифровывается css ?
Спросят с вероятностью 7%
CSS расшифровывается как Cascading Style Sheets, что в переводе означает "каскадные таблицы стилей". Давайте рассмотрим каждый элемент этого термина:
1️⃣Cascading (каскадные):
Этот термин указывает на то, что стили применяются к элементам HTML в определенном порядке приоритетов. Когда стили конфликтуют (например, когда одно и то же свойство задано несколькими стилями), CSS использует каскадные правила для разрешения этих конфликтов. Эти правила включают:
✅Специфичность селекторов (различные типы селекторов имеют разный приоритет).
✅Порядок расположения в коде (последний стиль имеет больший приоритет).
✅Использование ключевого слова
!important (приоритет выше всех обычных правил).
2️⃣Style (стили):
Стили определяют, как должны выглядеть элементы HTML на веб-странице. Это включает в себя множество свойств, таких как цвета, шрифты, размеры, расположение, отступы и многие другие аспекты внешнего вида.
3️⃣Sheets (таблицы):
CSS-правила обычно хранятся в файлах, которые называются таблицами стилей. Эти файлы могут быть внешними (подключенными к HTML-документу через элемент <link>), встроенными (внутри элемента <style> в самом HTML-документе) или инлайновыми (непосредственно в атрибутах стиля HTML-элементов).
Вот пример CSS, который показывает использование каскадных таблиц стилей для стилизации HTML-документа:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Example</title>
<link rel="stylesheet" href="styles.css">
<style>
.inline-style {
color: red;
}
</style>
</head>
<body>
<h1 class="heading inline-style">Hello, World!</h1>
<p>This is a paragraph.</p>
</body>
</html>7 856
+9
Помощь в трудоустройстве в IT-сфере!
В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специалистов. Теперь любой желающий может попробовать себя в IT с полного нуля и начать обучение бесплатно!
Узнайте про дальнейшее трудоустройство в ведущие IT-компании для восполнения кадрового дефицита.
Для этого нужно:
- Перейти по ссылке
- Заполнить анкету и ответить на вопросы (занимает менее 3 минут)
- На основании ваших ответов вы сразу узнаете, подходит ли вам сфера IT и сможете ли вы в ней работать
Перейти на сайт
#реклама 16+
urban-university.ru
О рекламодателе
7 856
🤔 Вопрос: Какой объект JavaScript предоставляет методы для манипулирования адресом URL текущего окна браузера?
7 856
🖥 reveal.js — open-source фреймворк для создания HTML-презентаций
Фреймворк обладает мощным набором функций, включая поддержку Markdown, возможность создания анимаций, экспорт в PDF, наличие заметок для докладчика, поддержку верстки в LaTeX, код с подсветкой синтаксиса и удобный API.
7 856
CSS 3D Template
Анимация куба, при наведение можно изменять расположение, написана на чистом CSS.
7 856
CSS. Какое свойство позволяет принудительно указать наличие вертикальной прокрутки у элемента?
7 856
⚡️ Demo:Input Field Animation Floating Label | HTML & CSS
При вводе данных поле становится объёмным.
Endi mavjud! Telegram Tadqiqoti 2025 — yilning asosiy insaytlari 
