Псевдоклассы enabled, disabled,checked и focus

Привет Всем! podmig
Сегодня обсудим тему :Псевдоклассы enabled, disabled,checked и focus.
Псевдокласс еnabled -применяется к незаблокированным  элементам формы.
Псевдокласс disabled - применяется к заблокированным элементам формы 
Псевдокласс checked - используется для наших кнопок.
Псевдокласс focus -   применяется к элементу на который воздействуют.
Для более детального рассмотрения псевдоклассов, переходите к видео-уроку:

Псевдоэлементы first-line и first-letter

  • 17.02.22, 13:16
Привет Всем!!! icon_wink.gif
Сегодня обсудим тему : first-line и first-letter.
Псевдоэлемент first-line - задает свойства в первой строке абзаца.
Псевдоэлемент first-letter - задает свойства первой букве в первой строке абзаца.
Также мы познакомимся со свойством font-size и используем его на практике .
Переходите к уроку чтобы более подробно узнать о псевдоэлементах
first-line и first-letter
ссылка на видео-урок https://youtu.be/bNVOc33RH2k

Что такое селекторы атрибутов?

  • 13.02.22, 15:43

Привет Всем!!! smile

Сегодня поговори о селекторах атрибутов.

Есть семь способов как обратиться к селекторам атрибутов.

1.Простой селектор атрибутов.

В таком случае мы обращаемся к атрибуту всех тегов на странице которые имею данный атрибут.

2.Атрибут со значением.

Мы обращаемся к атрибуту по имени и свойства назначаются определенному тегу.

3.Значение атрибута начинается с определенного текста.

В таком случае выберем все теги в которых наименование атрибута начинается указанным текстом.

4.Значение атрибута заканчивается определенным текстом.

В таком случае выберем все теги в которых наименование атрибута заканчивается указанным  текстом.

5.Значение атрибута содержит указанный текст.

Выберем все теги в которых наименование атрибута содержит указанный текст.

6.Одно из нескольких значений.

Выберем все теги в которых наименование атрибута идут отдельным словом.

7.Дефис в значении атрибута.

Выберем все теги в которых наименование атрибута содержит указанный текст либо после него ещё есть наименование через черту.

источник : https://youtu.be/Wkx8Ajuno6U


Урок № 9 - Псевдоклассы гиперссылок

  • 08.02.22, 19:23

Привет Всем !!!

Сегодня поговорим о псевдоклассах гиперссылок.
Таких псевдоклассов существует несколько типов :
1 . hover - с которым мы познакомились в уроке № 8.
2 . link - существует для выделения не посещенных ссылок.
3. visited - выделяет посещённые ссылки.
4. active - выделяет ссылку по которой совершается клик либо удерживается.
Для более детального знакомства с данными псевдоклассами переходите к уроку ставьте лайк если понравилось видео. Подписывайтесь чтобы не пропустить новые видео. 
Урок по ссылке:
https://youtu.be/sW_7hdfp2DQ

Урок № 8 - Псевдокласс hover

  • 03.02.22, 20:32
Привет Всем!!! podmig
Сегодня поговорим о псевдоклассе hover.
Псевдокласс hover применяется в случае, когда нам нужно изменить свойства какого либо элемента при наведении 
на него мышью.
Также мы познакомимся с свойством width и используем его на практике.
переходите к видео для более детального ознакомления с уроком  : https://youtu.be/JSG4SQspPJE
канал msHacker : https://www.youtube.com/channel/UC_xRLpLF49SJJ3pnJvlL-Jw


Урок # 7 - Псевдоэлементы before и after

  • 30.01.22, 14:09

Привет всем !!!smile
Cегодня мы обсудим тему: псевдоэлементы before и after.podmig
А также применим их на практике и увидим как они действуют в коде.

before - это псевдоэлемент который используется тогда когда нужно что-то вставить перед содержимым.

after - используется для вставки после содержимого.

Также мы воспользуемся свойством list-style со значением none.

list-style - используется в случаях когда нужно изменить стиль меркера.
В нашем случае его нужно будет убрать - поэтому мы воспользуемся  значением "none".

Всё самое интересное, что мы будем применять на практике с данными псевдоэлементами находится по ссылке https://youtu.be/TvqjhlTO4pM
Также переходите на канал msHacker, там еще много интересных видео : https://www.youtube.com/channel/UC_xRLpLF49SJJ3pnJvlL-Jw

Псевдоклассы first-child и last-child

  • 23.01.22, 22:11
Привет всем !!!!
С Вами msHacker, и у нас новое видео .
Тема : Псевдоклассы first-child и last-child.
Мы разберем что это такое.
И разберем  каждый селектор на практике.
Могу сказать что данные псевдоклассы применяются очень часто на практике.
канал msHacker https://www.youtube.com/channel/UC_xRLpLF49SJJ3pnJvlL-Jw

Урок № 5 - знакомимся с классами и идентификаторами

  • 19.01.22, 20:48

Привет Всем !!! С Вами msHacker. 

Вы задумывались когда нибудь над тем, как изменить один из элементов в блоке чтобы все остальные остались не тронутыми?

Так вот , один из вариантов выполнить данную задачу  - это применить к элементу веб-страницы "class" либо "id". 

При применении "class" к элементу веб-страницы,  нам нужно задать наименование класса "оно должно быть понятным". После чего мы можем задать ему любые правила на стороне CSS не трогая остальные теги.

Что касается "id" - нам также нужно задать наименование нашего  прост.народе "айдишника" и также наименование должно быть понятным, но  нашим айдишником не принято пользоваться для CSS. Их часто применяют для JavaScript с которым мы познакомимся позже.

урок № 5 https://youtu.be/9xSPCeuUAzI

Канал msHacker https://www.youtube.com/channel/UC_xRLpLF49SJJ3pnJvlL-Jw


Новый выпуск на старый новый год.

  • 14.01.22, 12:09

Привет Всем, поздравляю ВСЕХ с январскими праздниками.boyan boyan boyan И со старым новым годом.elka elka elka И у нас сегодня новый выпуск.Сегодня поговорим о соседних и родственных селекторах. 

Это очень важная и интересная  тема. Селекторы упрощают нашу жизнь в коде. Их нужно знать и уметь ними пользоваться.

Соседние селекторы - это селекторы которые непосредственно следуют друг за другом.

Родственные селекторы - это селекторы которые схожи на соседние селекторы, но правила задают не к одному соседу, а к ряду ближних тегов.

Для более детального разбора урока переходите по ссылке и смотрите видео https://youtu.be/2-UPV6IXFNo

Также присоединяйтесь к моему каналу msHacker https://www.youtube.com/channel/UC_xRLpLF49SJJ3pnJvlL-Jw

Буду рад каждому.


Третий урок по CSS на канале msHacker

  • 09.01.22, 12:24

Привет Всем, с Вами msHacker и у меня на канале  вышло новое видео . В этом уроке мы обсудим тему:

селекторы тега, дочерние селекторы и селекторы потомка.

Селектор тега - существует для задания определенному тегу требуемые свойства.

Дочерние селекторы - этот селектор  располагается непосредственно  внутри родительского элемента и к нему применяются все указанные свойства.

Селектор потомка - этот селектор применяется, когда нам нужно применить какие-то свойства к тегу который находится в другом теге. В таком случае, вложенный тег называется потомок, а тег который его окутывает родителем.   

Практическое применение данных селекторов на канале  https://www.youtube.com/watch?v=Dw4AALZTrLE&t=1s .

Переходите, подписывайтесь, комментируйте, задавайте свои вопросы.

Сторінки:
1
2
попередня
наступна