🗊 Презентация Селекторы атрибутов

Категория: Образование
Нажмите для полного просмотра!
Селекторы атрибутов, слайд №1 Селекторы атрибутов, слайд №2 Селекторы атрибутов, слайд №3 Селекторы атрибутов, слайд №4 Селекторы атрибутов, слайд №5 Селекторы атрибутов, слайд №6 Селекторы атрибутов, слайд №7 Селекторы атрибутов, слайд №8 Селекторы атрибутов, слайд №9 Селекторы атрибутов, слайд №10 Селекторы атрибутов, слайд №11 Селекторы атрибутов, слайд №12 Селекторы атрибутов, слайд №13 Селекторы атрибутов, слайд №14 Селекторы атрибутов, слайд №15 Селекторы атрибутов, слайд №16 Селекторы атрибутов, слайд №17
Скачать
Вы можете ознакомиться и скачать презентацию на тему Селекторы атрибутов. Доклад-сообщение содержит 17 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Селекторы атрибутов По наличию атрибута [атрибут] { … } Пример [href] {…} …
Описание слайда:
Селекторы атрибутов По наличию атрибута [атрибут] { … } Пример [href] {…} …

Слайд 2


Селекторы атрибутов По значению атрибута [атрибут=“значение”] { … } Пример [href=“1.html”] {…} …
Описание слайда:
Селекторы атрибутов По значению атрибута [атрибут=“значение”] { … } Пример [href=“1.html”] {…} …

Слайд 3


Селекторы атрибутов Начинается с определенного значения [атрибут^=“значение”] { … } Пример [href^=“1”] {…} …
Описание слайда:
Селекторы атрибутов Начинается с определенного значения [атрибут^=“значение”] { … } Пример [href^=“1”] {…} …

Слайд 4


Селекторы атрибутов Заканчивается на определенное значение [атрибут$=“значение”] { … } Пример [href$=“.html”] {…} …
Описание слайда:
Селекторы атрибутов Заканчивается на определенное значение [атрибут$=“значение”] { … } Пример [href$=“.html”] {…} …

Слайд 5


Селекторы атрибутов Содержит текст [атрибут*=“значение”] { … } Пример [href*=“html”] {…} … … … … … …
Описание слайда:
Селекторы атрибутов Содержит текст [атрибут*=“значение”] { … } Пример [href*=“html”] {…} … … … … … …

Слайд 6


Селекторы атрибутов Содержит значение (одно из разделенных пробелами) [атрибут~=“значение”] { … } Пример [class~=“redText”] {…} … … … … …
Описание слайда:
Селекторы атрибутов Содержит значение (одно из разделенных пробелами) [атрибут~=“значение”] { … } Пример [class~=“redText”] {…} … … … … …

Слайд 7


Селекторы атрибутов Начинается со значения, после которого идёт дефис [атрибут|=“значение”] { … } Пример [lang|=“en”] { } …
Описание слайда:
Селекторы атрибутов Начинается со значения, после которого идёт дефис [атрибут|=“значение”] { … } Пример [lang|=“en”] { } …

Слайд 8


Селекторы атрибутов Комбинация селекторов атрибутов [атрибут1=“X"][атрибут2=“Y"] {…} Пример [href=“1.html”][title=“First”] { } … … … …
Описание слайда:
Селекторы атрибутов Комбинация селекторов атрибутов [атрибут1=“X"][атрибут2=“Y"] {…} Пример [href=“1.html”][title=“First”] { } … … … …

Слайд 9


Селекторы псевдоклассов :active – активированный элемент (например, ссылка, по которой щелкнули мышью) Пример a:active {…} .bigLink:active {…}
Описание слайда:
Селекторы псевдоклассов :active – активированный элемент (например, ссылка, по которой щелкнули мышью) Пример a:active {…} .bigLink:active {…}

Слайд 10


Селекторы псевдоклассов :focus – еще не посещенная ссылка Пример a:link {…} #bestLink:link {…} Примечание Записи a и a:link равносильны, т.е. :link...
Описание слайда:
Селекторы псевдоклассов :focus – еще не посещенная ссылка Пример a:link {…} #bestLink:link {…} Примечание Записи a и a:link равносильны, т.е. :link можно опускать

Слайд 11


Селекторы псевдоклассов :link – элемент, получивший фокус (активное в данный момент текстовое поле, кнопка и т.д.) Пример input:focus {…}...
Описание слайда:
Селекторы псевдоклассов :link – элемент, получивший фокус (активное в данный момент текстовое поле, кнопка и т.д.) Пример input:focus {…} .nameTextField:focus {…}

Слайд 12


Селекторы псевдоклассов :hover – элемент, на который наведен указатель мыши Пример a:hover {…} table .activeCell:hover {…}
Описание слайда:
Селекторы псевдоклассов :hover – элемент, на который наведен указатель мыши Пример a:hover {…} table .activeCell:hover {…}

Слайд 13


Селекторы псевдоклассов :visited – посещенные ссылки Пример a:visited {…} a.menuLink:visited {…}
Описание слайда:
Селекторы псевдоклассов :visited – посещенные ссылки Пример a:visited {…} a.menuLink:visited {…}

Слайд 14


Селекторы псевдоклассов :first-child – первый дочерний элемент элемента-родителя Пример div:first-child { } …
Описание слайда:
Селекторы псевдоклассов :first-child – первый дочерний элемент элемента-родителя Пример div:first-child { } …

Слайд 15


Селекторы псевдоклассов :first-letter – первый символ текста внутри элемента Пример div:first-letter { } … абвгдеёжз ийклмнопр
Описание слайда:
Селекторы псевдоклассов :first-letter – первый символ текста внутри элемента Пример div:first-letter { } … абвгдеёжз ийклмнопр

Слайд 16


Селекторы псевдоклассов :first-line – первая строка текста внутри элемента Пример div:first-line { } … text text text text text text text text text...
Описание слайда:
Селекторы псевдоклассов :first-line – первая строка текста внутри элемента Пример div:first-line { } … text text text text text text text text text text text

Слайд 17


Селекторы псевдоклассов :first-of-type – первый дочерний элемент такого же типа Пример tr:first-of-type {…} … 1 1
Описание слайда:
Селекторы псевдоклассов :first-of-type – первый дочерний элемент такого же типа Пример tr:first-of-type {…} … 1 1

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию