Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Как управлять растяжением textarea
2. Специальные символы в HTML
3. Как сделать круговой текст?
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик plastilin art
2. Frontend-разработчик ООО Цитрус
3. HTML-верстальщик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер HRLab
2. UI/UX дизайнер
3. UI/UX дизайнер IBS
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Как управлять растяжением textarea
2. Специальные символы в HTML
3. Как сделать круговой текст?
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик plastilin art
2. Frontend-разработчик ООО Цитрус
3. HTML-верстальщик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер HRLab
2. UI/UX дизайнер
3. UI/UX дизайнер IBS
#лучшеезанеделю
👍3
HTML Вопрос:
Какой тег определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии?
Какой тег определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии?
Anonymous Quiz
8%
<bgsound>
63%
<audio>
11%
<sound>
12%
<bgaudio>
6%
Посмотреть ответы
❤12👎6
CSS battle - игра-соревнование. Необходимо повторить какой-либо шаблон
Перейти на сайт 👨💻
#полезности
Перейти на сайт 👨💻
#полезности
👍5
Псевдокласс :is()
Псевдокласс :is() позволяет сократить код, объединяя несколько селекторов в один. Он предоставляет возможность применять один и тот же стиль к нескольким элементам, таким образом уменьшая дублирование кода и упрощая его чтение.
Синтаксис псевдокласса :is() выглядит следующим образом:
В качестве аргументов в псевдокласс :is() вы можете передать несколько селекторов, разделенных запятыми. Все эти селекторы будут рассматриваться как одно условие, и стили применятся ко всем элементам, соответствующим хотя бы одному из селекторов.
Давайте рассмотрим пример использования псевдокласса :is(). Предположим, у нас есть HTML-код с несколькими кнопками, и мы хотим применить один и тот же стиль к кнопкам с классами "primary" и "secondary":
Мы можем использовать псевдокласс :is() для объединения селекторов и применения стиля к кнопкам с классами "primary" и "secondary":
В этом примере, стиль будет применен к кнопкам с классами "primary" и "secondary", но не к кнопке без класса.
Псевдокласс :is() является мощным инструментом для оптимизации и упрощения CSS-кода. Он позволяет группировать несколько селекторов в одно условие и применять к ним общие стили. Таким образом, код становится более легким для понимания и поддержки.
#полезности | #css
Псевдокласс :is() позволяет сократить код, объединяя несколько селекторов в один. Он предоставляет возможность применять один и тот же стиль к нескольким элементам, таким образом уменьшая дублирование кода и упрощая его чтение.
Синтаксис псевдокласса :is() выглядит следующим образом:
:is(selector1, selector2, ...)
В качестве аргументов в псевдокласс :is() вы можете передать несколько селекторов, разделенных запятыми. Все эти селекторы будут рассматриваться как одно условие, и стили применятся ко всем элементам, соответствующим хотя бы одному из селекторов.
Давайте рассмотрим пример использования псевдокласса :is(). Предположим, у нас есть HTML-код с несколькими кнопками, и мы хотим применить один и тот же стиль к кнопкам с классами "primary" и "secondary":
<button class="primary">Primary Button</button>
<button class="secondary">Secondary Button</button>
<button>Regular Button</button>
Мы можем использовать псевдокласс :is() для объединения селекторов и применения стиля к кнопкам с классами "primary" и "secondary":
button:is(.primary, .secondary) {
background-color: blue;
color: white;
font-weight: bold;
}В этом примере, стиль будет применен к кнопкам с классами "primary" и "secondary", но не к кнопке без класса.
Псевдокласс :is() является мощным инструментом для оптимизации и упрощения CSS-кода. Он позволяет группировать несколько селекторов в одно условие и применять к ним общие стили. Таким образом, код становится более легким для понимания и поддержки.
#полезности | #css
👍16
Как обрезать длинный текст и поставить многоточие в конце?
Воспользуемся этим кодом:
В строчке -webkit-line-clamp: 3; указываем кол-во строк
#полезности
Воспользуемся этим кодом:
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
В строчке -webkit-line-clamp: 3; указываем кол-во строк
#полезности
❤8👍4🔥4
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. :where()
2. Как обрезать длинный текст и поставить многоточие в конце
3. CSS diner
Лучшие фронтенд вакансии @job_webdev:
1. UI/UX дизайнер Делаем IT
2. Web-дизайнер
3. UI/UX дизайнер Kokoc Group
Лучшие дизайн вакансии @job_webdesign:
1. Frontend-разработчик БАРЬЕР
2. HTML-верстальщик
3. HTML-верстальщик Веоникс
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. :where()
2. Как обрезать длинный текст и поставить многоточие в конце
3. CSS diner
Лучшие фронтенд вакансии @job_webdev:
1. UI/UX дизайнер Делаем IT
2. Web-дизайнер
3. UI/UX дизайнер Kokoc Group
Лучшие дизайн вакансии @job_webdesign:
1. Frontend-разработчик БАРЬЕР
2. HTML-верстальщик
3. HTML-верстальщик Веоникс
#лучшеезанеделю
👍4
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. CSS inset
2. Типы шрифтов
3. CSS text-wrap:balance
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик Business Mentor
2. Frontend-разработчик ООО Цитрус
3. HTML-верстальщик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер german.org
2. UI/UX дизайнер Embacy
3. Web-дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. CSS inset
2. Типы шрифтов
3. CSS text-wrap:balance
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик Business Mentor
2. Frontend-разработчик ООО Цитрус
3. HTML-верстальщик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер german.org
2. UI/UX дизайнер Embacy
3. Web-дизайнер
#лучшеезанеделю
❤5
JS Вопрос:
console.log( " " && "" || -1 && 2 );
console.log( " " && "" || -1 && 2 );
Anonymous Quiz
20%
" "
12%
""
22%
-1
18%
2
28%
Посмотреть ответы
🦄7❤2👨💻1