CSS урок 1. Cелекторы
При работе с каскадными таблицами стилей одним из обязательных к изучению вещей являются CSS селекторы. Хорошее знание CSS селекторов и умение ими пользоваться будет той прочной основой, на которой строится успешная работа по внешнему оформлению сайта.
Хотя с интеграцией CSS 3 селекторов стало еще больше, познакомиться с ними и использовать их по назначению не составит большого труда, потому как все они имеют одну цель - разгрузить HTML код. С ней они справляются настолько хорошо, что для каждого элемента веб- страницы можно использовать несколько видов селекторов. Данное видео состоит из следующих разделов:
Потому как современный CSS определил для нас довольно широкий арсенал, я разделил данный пост на следующие блоки:
*Создание CSS правил в 2 словах
*Селектор тегов
*Групповой вид селекторов
*Селектор классов
*Селектор идентификаторов
*Древовидная форма HTML
*Селектор потомков
*Дочерние селекторы
*Псевдоклассы
*Псевдоэлементы
*Новый селектор - ::selection
*Дочерние элементы по типу
*Селектор смежных элементов
*Селектор атрибутов
*Псевдокласс отрицания
Полная версия урока с текстовым вариантом доступна по адресу - http://site4business.net/bez-rubriki/css-selektory-psevdoklassy-i-psevdoelementy.html
Видео CSS урок 1. Cелекторы канала site4business.net
Хотя с интеграцией CSS 3 селекторов стало еще больше, познакомиться с ними и использовать их по назначению не составит большого труда, потому как все они имеют одну цель - разгрузить HTML код. С ней они справляются настолько хорошо, что для каждого элемента веб- страницы можно использовать несколько видов селекторов. Данное видео состоит из следующих разделов:
Потому как современный CSS определил для нас довольно широкий арсенал, я разделил данный пост на следующие блоки:
*Создание CSS правил в 2 словах
*Селектор тегов
*Групповой вид селекторов
*Селектор классов
*Селектор идентификаторов
*Древовидная форма HTML
*Селектор потомков
*Дочерние селекторы
*Псевдоклассы
*Псевдоэлементы
*Новый селектор - ::selection
*Дочерние элементы по типу
*Селектор смежных элементов
*Селектор атрибутов
*Псевдокласс отрицания
Полная версия урока с текстовым вариантом доступна по адресу - http://site4business.net/bez-rubriki/css-selektory-psevdoklassy-i-psevdoelementy.html
Видео CSS урок 1. Cелекторы канала site4business.net
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![CSS: сокращенная запись font](https://i.ytimg.com/vi/bzCAZL_G8hM/default.jpg)
![CSS урок 3. Каскадность и приоритетность](https://i.ytimg.com/vi/LUr8nppME7g/default.jpg)
![Эпизод 1: Преимущества онлайн бизнеса](https://i.ytimg.com/vi/3hRyCqp7LG4/default.jpg)
![CSS урок 11. Регистр текста](https://i.ytimg.com/vi/aNzE5z6vVVk/default.jpg)
![уроки HTML 7.2 Как создать Чекбокс](https://i.ytimg.com/vi/M-DSAKGioY8/default.jpg)
![Как создать фавикон для сайта](https://i.ytimg.com/vi/9qwJ85yyKRM/default.jpg)
![CSS урок 13. font-variant](https://i.ytimg.com/vi/siINlXLz5zc/default.jpg)
![Как создать xml карту сайта на Wordpress](https://i.ytimg.com/vi/A4YMwEWoymc/default.jpg)
![Уроки HTML 3.1 Заголовки](https://i.ytimg.com/vi/F2vbYJBnAuI/default.jpg)
![Покупка шаблона для Вордпресса](https://i.ytimg.com/vi/W7Apmhjqk_s/default.jpg)
![CSS урок 4. Шрифты для веб](https://i.ytimg.com/vi/NdI5tpaunQk/default.jpg)
![уроки HTML 7.0 Формы](https://i.ytimg.com/vi/WqTdRIaETKU/default.jpg)
![CSS урок 14. Межбуквенный интервал](https://i.ytimg.com/vi/mHUjgOjfm3w/default.jpg)
![CSS урок 10. Курсивный шрифт](https://i.ytimg.com/vi/FlACEUFsOhQ/default.jpg)
![CSS урок 16. Тень текста](https://i.ytimg.com/vi/Xm0RmmkJtgU/default.jpg)
![CSS для начинающих](https://i.ytimg.com/vi/HJADeN955mc/default.jpg)
![Эпизод 3: Как собрать подписную базу (7 советов).](https://i.ytimg.com/vi/vMfI4wB8YpU/default.jpg)
![3 Сервиса по созданию опроса на сайте](https://i.ytimg.com/vi/m_VFUreCYR0/default.jpg)
![Как создать свой сайт](https://i.ytimg.com/vi/A0iwhbJqm2U/default.jpg)
![Уроки HTML 3.0 Установка notepad++](https://i.ytimg.com/vi/JMj0bw_yLKo/default.jpg)
![Уроки HTML 3.2 Как сделать список](https://i.ytimg.com/vi/Agys--KMhwk/default.jpg)