css — Как размыть края изображения на переднем плане при использовании Bootstrap 4 Я пытаюсь размыть края изображения, как показано на https://stackoverflow.com/a/24953573. Мне нужно сделать это на переднем плане изображения (не один набор в CSS), потому что URL-адрес img динамически изменяется. Но тень от рамки, кажется, не влияет на изображение на переднем плане. Также я […]

Оформляйте стили наведения, фокуса и активного состояния по-разному / Хабр В течение многих лет я оформлял состояния элементов :hover , :focus и :active одинаково. Не помню точно, когда именно начал это делать. Но это далеко не лучший подход. Почему, постараюсь объяснить в этой статье. Вот пример кода, который всегда использовал. .selector { &:hover, &:focus, &:active […]

8 CSS фильтров для изображений Изображения на сайте — мощный инструмент создания атмосферы и привлечения пользователей, поэтому их так много в вебе. У дизайнеров есть множество продвинутых инструментов для работы с изображениями: различные фильтры, маски и прочие эффекты. Но часто разработчику приходится обходиться без всего этого богатства. Например, этого требуют соображения производительности. Если у вас […]

Учебник по основам CSS, для начинающих Видеокурс по CSS для начинающих верстальщиков от компании WebForMySelf. При верстке веб-страниц HTML отвечает за разметку страницы, то есть за ее построение. А за оформление страницы, то есть за ее дизайн и внешний вид, отвечает CSS. Используя css свойства и их значения, мы назначаем шрифт, размер текста и его […]

Работа с таблицами стилей CSS в приложении HTML5 В этом учебном курсе будет выполняться запуск приложений в браузере Chrome с установленным расширением NetBeans Connector. Когда расширение будет установлено, пользователи смогут использовать меню NetBeans в браузере, чтобы легко изменить размер окна браузера для просмотра приложения так, как оно будет отображаться на некоторых распространенных устройствах. Примечания. В […]

Приоритеты стилей CSS. Приоритет от способа подключения стилей CSS. На практике, когда вы будете работать с реальными веб-страницами, очень часто возникает ситуация, что одному и тому же элементу на веб-странице может быть присвоен один и тот же стиль с разными значениями, но из разных источников.  Какой из этих стилей будет приоритетнее для браузера? Какой он […]

Сравнение Material Design CSS фреймворков / Хабр Доброго время суток. В статье рассказно о Material Design фреймворках для создания Web-страничек. Если вас интересует тема Material Design, также как и меня, то Добро пожаловать под кат, возможно, откроете для себя что-нибудь новое и интересное. Вкратце расскажу что такое Material Design, когда появился и где используется. […]

CSS — pointer — В pointer CSS медиа имеют тесты , имеет ли пользователь указывающее устройство ( В pointer CSS медиа имеют тесты , имеет ли пользователь указывающее устройство (например, мышь), и если да, то насколько точные первичное указательное устройство. Примечание. Если вы хотите проверить точность любого указывающего устройства, используйте вместо него any-pointer . Syntax […]

Красивое оформление списков на CSS3 Время чтения: 3 мин. При оформлении списков всегда есть желание выделить их наиболее красиво, чтобы они выделялись и привлекали внимание своим оформлением, и часто получается не так как хочется. В этом уроке я расскажу и покажу как можно оформить списки на CSS3 без изображений. Пример оформления можно увидеть здесь: Посмотреть […]

Определение CSS CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) формальный язык описания внешнего вида html-документа. Создание css-документа Стили для элементов веб-страницы можно прописывать как в самом html-документе, так и в отдельном файле. Чаще всего и удобнее всего использовать внешний файл, который при помощи специального тега подключается к html-документу. Такие файлы имеют расширение *.css. […]