Interner Explorer
-ms-interpolation-mode
-ms-radial-gradient
background-position-x
background-position-y
---------------
filter
hasLayout
scrollbar-3dlight-color
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-track-color
zoom
---------------
Firefox
-moz-border-bottom-colors
-moz-border-left-colors
-moz-border-right-colors
-moz-border-top-colors
-moz-linear-gradient
-moz-orient
-moz-radial-gradient
-moz-user-select
:-moz-placeholder
::-moz-selection
image-rendering
---------------
Opera
|
-o-linear-gradient
-o-object-fit
-o-radial-gradient
---------------
Safari и Chrome
-webkit-linear-gradient
-webkit-radial-gradient
-webkit-user-select
---------------
@-правила
@charset
@font-face
@import
@media
@page
---------------
Селекторы и их комбинации
A
#id
.class
.class1.class2
*
A B
A > B
A + B
A ~ B
[attr]
[attr='value']
[attr^='value']
[attr$='value']
[attr*='value']
[attr~='value']
[attr|='value']
---------------
Псевдоклассы
:active
:checked
:default
:disabled
:empty
:enabled
:first-child
:first-letter
:first-line
:first-of-type
:focus
:hover
:indeterminate
:invalid
:lang
:last-child
:last-of-type
:link
:not
:nth-child
:nth-last-child
:nth-last-of-type
:nth-of-type
:only-child
:only-of-type
:optional
:read-only
:read-write
:required
:root
:target
:valid
:visited
---------------
Псевдоэлементы
::after (:after)
::before (:before)
::first-letter
::first-line
::selection
---------------
Функции
attr()
calc()
---------------
Значения свойств
Строки
Числа
Проценты
Размер
Адрес
Цвет
Угол
Медиа-запросы
inherit
initial
- Новости мира Интернет
- Афоризмы
- Видео уроки
- Справочник CSS
Бразильские энтузиасты Паоло Гомес (Paulo Gomes) и Sidnelson починили сгоревшую GeForce RTX 5070 Ti весьма необычным образом. Они соединили её с другой видеокартой — AMD Radeon RX 580. Пять причин
Издательство Kalypso Media совместно с разработчиками из Artefacts Studio опубликовало первый геймплейный трейлер Disciples: Domination — тёмной фэнтезийной стратегической RPG с пошаговыми боями,
Компания Google приступила к глобальному обновлению в поисковой выдаче интерфейса рекламного блока. Теперь он будет чётко выделен и получит кнопку для скрытия. Обновление призвано повысить
Уходящая неделя характеризовалась двумя действиями крупных игроков на мировом рынке. Китай объявил об ужесточении контроля за экспортом продукции, содержащей редкоземельные элементы китайского
Компания Xiaomi официально представила в Китае беспроводную мышь Wireless Mouse 3 Comfort Edition после завершения короткого краудфандингового этапа. Устройство сохранило аппаратную основу
Компания Apple завершила поддержку приложения для монтажа видео Clips, которое впервые появилось в 2017 году. Изначально оно позиционировалось как удобный инструмент для создания коротких динамичных
Компания Intel представила полный технический обзор Panther Lake — мобильной платформы нового поколения, которая в потребительской среде будет носить название Core Ultra Series 3 или Core Ultra 300.
Компания Valve приступила к массовому производству гарнитуры виртуальной реальности Valve Index 2, которая, по утверждению аналитиков, будет выпущена на рынок в текущем году. Старт продаж
Компания Intel сегодня представила передовой полупроводниковый техпроцесс 18A (18 ангстрем или 1,8 нм), и анонсировала на его базе не только мобильные потребительские процессоры Core Ultra серии 3
AMD работает над улучшением своей технологии генерации кадров AFMF (AMD Fluid Motion Frames). В предварительной версии драйвера PyTorch Preview Edition 25.120.01.14 для Windows была обнаружена новая
Компания «Неткрейз», прежде известная как «Кинетик», сообщила о ребрендинге. Она начала поставлять в Россию и остальные страны Евразийского экономического союза (ЕАЭС) сетевое оборудования под новой
Вдохновлённый Vampire Survivors трёхмерный экшен-роглайк на выживание Megabonk от норвежского разработчика-одиночки под псевдонимом Vedinad стал новым инди-хитом Steam. HUAWEI FreeArc: вероятно,
Теперь социальные медиа играют ключевую роль в повседневной жизни многих людей. Они становятся источником вдохновения, развлечения и информации.
Для установки неофициального софта на спортивные ставки, поскольку Google Play их не предлагает, следует выполнить несколько шагов: Найдите на сайте pm.by APK-файл программы через браузер вашего
Купить паблик ВКонтакте – удобное и выгодное решение для тех, кто хочет сразу же начать зарабатывать на рекламе, быстро и гарантированно получить доход.
На данный момент камеры GoPro пользуются довольно большим спросом. В чем состоят причины их популярности.
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вендорные свойства
Эти свойства работают только в определённых браузерах.
Префикс -moz- для Firefox, -ms- для Internet Explorer, -webkit- для Chrome и Safari, -o- для Opera.
Если вы вдруг случайно заметили, что одна из ссылок ведет не на ту страницу будьте так любезны сообщить нам - Обратная связь ....
Спасибо огромное..
Значение initial применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое слово initial добавлено в...
Просмотров: 8 595
Комментариев: 1
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 8 691
Комментариев: 3
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 7 808
Комментариев: 3
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 8 678
Комментариев: 0
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами....
Просмотров: 9 360
Комментариев: 2
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url() , внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 11 693
Комментариев: 2
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 9 686
Комментариев: 3
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 8 056
Комментариев: 1
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 8 393
Комментариев: 3
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 7 844
Комментариев: 3
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер . Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно игнорируется....
Просмотров: 8 201
Комментариев: 3
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class , а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 8 912
Комментариев: 3
Альтернативный текст используется для описания содержимого картинки, когда само изображение недоступно. При этом альтернативный текст не должен напрямую отображаться в браузере. Исключением является Internet Explorer, в котором он появляется в виде всплывающей подсказки. Проверить вид и...
Просмотров: 3 410
Комментариев: 0
Добавить к изображению альтернативный текст....
Просмотров: 3 064
Комментариев: 0
Убрать автоматически добавляемую рамку вокруг изображений-ссылок....
Просмотров: 4 636
Комментариев: 0
Изменить параметры рамки вокруг изображения при наведении на него курсора мыши и восстановить обратно, когда курсор уходит прочь....
Просмотров: 4 321
Комментариев: 0
Сделать вокруг изображения паспарту, состоящее из рамки и цветной области....
Просмотров: 3 098
Комментариев: 0
Рамка вокруг изображения появляется в том случае, когда к тегу добавляется атрибут border с ненулевым значением и при создании изображения-ссылки. При этом тег хранится внутри контейнера . Независимо от ситуации цвет рамки устанавливается автоматически, однако через стили можно задать любой...
Просмотров: 3 274
Комментариев: 0
Google готовится выйти на рынок прямых видео трансляций. Специалисты компании разрабатывают собственный стриминговый сервис на базе YouTube....
Просмотров: 1 429
Комментариев: 0
Twitter проводит тестирование нового инструмента, с помощью которого пользователи сервиса микроблогов смогут прикреплять «наклейки» к своим фото....
Просмотров: 1 441
Комментариев: 0
Установить вокруг изображения рамку заданного цвета и толщины....
Просмотров: 3 730
Комментариев: 0
В процессе написания CSS следует придерживаться некоторых принципов, которые позволяют сократить код CSS, сделать его более удобным, наглядным и читабельным. Читабельность в данном случае означает, что разработчик спустя какое-то время может легко понять и модифицировать стиль или что в коде...
Просмотров: 12 350
Комментариев: 5
Как уже было отмечено ранее, стилевые правила записываются в своём формате, отличном от HTML. Основным понятием выступает селектор — это некоторое имя стиля, для которого добавляются параметры форматирования. В качестве селектора выступают теги, классы и идентификаторы. Общий способ записи имеет...
Просмотров: 17 852
Комментариев: 2
Пользователям Twitter понадобилось меньше суток на то, чтобы «испортить» самообучаемого бота по имени Тэй. Об этом рассказывает The Guardian. Компания ......
Просмотров: 1 395
Комментариев: 0
Для решения задачи существует несколько способов, из которых мы рассмотрим два. Первый, в каком-то смысле традиционный, основан на таблицах, а второй использует слои и стили....
Просмотров: 9 832
Комментариев: 0
Пунктирное подчеркивание в тексте используется для обозначения нового термина или аббревиатуры. Специально предназначенные для этой цели теги и добавляют к тексту всплывающую подсказку и устанавливают пунктирное подчеркивание. Но поскольку такое поведение не стандартизировано, то некоторые...
Просмотров: 3 391
Комментариев: 0
Для управления межстрочным расстоянием (оно еще называется интерлиньяжем) применяется стилевое свойство line-height . В качестве значения обычно указывается число, которое определяет межстрочный интервал. Например, line-height : 2 устанавливает двойной интервал, а line-height : 1.5 — полуторный...
Просмотров: 3 587
Комментариев: 0
Для выравнивания текста в блоке, например абзаце, применяется стилевое свойство text-align . Его значение justify и устанавливает выравнивание текста по ширине, т.е. сразу по левому и правому краю текстового блока (пример 1)....
Просмотров: 3 520
Комментариев: 0
Используйте стилевое свойство text-align со значением center , добавляя его к абзацу (селектору P ) или к определенному слою (пример 1)....
Просмотров: 3 362
Комментариев: 0
Подчеркивание для блочных элементов вроде тега можно проводить двояко. Например, линию под текстом устанавливать на всю ширину блока, независимо от объема текста. А также подчеркивание делать только у текста. Далее рассмотрим оба варианта....
Просмотров: 5 326
Комментариев: 0
Тег уже не входит в спецификацию HTML 4 и не рекомендуется к использованию. Взамен предлагается применять стили. Так, для выбора гарнитуры воспользуйтесь стилевым свойством font-family , для размера — font-size , а для управления цветом — color , как показано в примере 1....
Просмотров: 3 137
Комментариев: 0
Любые теги никак не показываются в окне браузера, поскольку воспринимаются браузером как команды для вставки элементов и изменения их свойств. Но иногда требуется на веб-странице вывести теги, например, для демонстрации HTML-кода. В этом случае используйте спецсимволы и для замены угловых скобок ....
Просмотров: 4 463
Комментариев: 0
|