Презентация_4_HTML_CSS_Псевдоклассы_и_псевдоэлементы,_табличная

План урока
Псевдоклассы и псевдоэлементы.
Основные теги для верстки (div и span).

Псевдоклассы и псевдоэлементы

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

Определяющие состояние
:hover – курсор мыши в пределах элемента.
:active – при активации элемента.
:focus – при получении фокуса элемента.
:link – используются для непосещенных ссылок.
:visited – используется для ссылки на страницу, которую уже посетили.

Все непосещенные ссылки на сайте будут синего цвета.

Все посещенные ссылки на сайте будут красного цвета и шрифт текста Arial.

При наведении на ссылки цвет изменится на белый, а шрифт будет жирным.

При нажатии на ссылку цвет текста станет серым.

Выбор необходимого дочернего элемента
:first-child – первый дочерний элемент.
:last-child – последний дочерний элемент.
:nth-child(n) – n-й по счету дочерний элемент.

Добавление стилей к дочерним элементам

Добавление стилей к дочерним элементам
При наведении на блок с классом «parent» у дочернего элемента с классом «child» цвет фона изменится на синий.

Комбинирование псевдоклассов
При наведении на непосещенную ссылку цвет текста будет зеленым.

Комбинирование псевдоклассов
При наведении на посещенную ссылку цвет текста будет красным.

Псевдоэлементы
:after – добавляет контент после содержимого элемента.
:before – добавляет контент до содержимого элемента.
:first-letter – определяет стиль первого символа в тексте.
:first-line – определяет стиль первой строки блочного текста.

Основные теги для верстки
(div и span)

Внешний вид
Это блочный элемент
Это строчный элемент

Особенности блочных элементов
Блочные элементы отображаются на веб-странице в виде прямоугольника.
Занимают всю доступную ширину.
Высота определяется содержимым.

Особенности блочных элементов
Начинаются с новой строки.
Допускается вкладывать один блочный элемент внутрь другого.
Запрещено добавлять внутрь строчных элементов блочные.

Особенности строчных элементов
Используются для изменения вида текста и логического выделения.
Являются частью строки.
Ширина равна содержимому плюс значения отступов.

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

Блочные элементы
. . .
Слайд 23
Строчные элементы
. . .
Слайд 24
Практическое задание
Имя файла: Презентация_4_HTML_CSS_Псевдоклассы_и_псевдоэлементы,_табличная.pptx
Количество просмотров: 26
Количество скачиваний: 0
Скачать
- Предыдущая
Сегментация потребителей услуг онлайн банкинга в возрасте 18-24 с применением кластерного анализа
Следующая -
Историческая справка о селе Абрамово
Похожие презентации
Пространство имён
Практическое задание Криптография
Авторитарный протокол в сетевых боевиках
Викторина. Безопасный интернет
نگاه کلی به سیستم عامل
Презентация на тему Классификация компьютеров по функциональным возможностям
В лабиринтах интернета. Анализ сообщества ВКонтакте
Разработка интеллектуальной многоагентной системы адаптивных роботов для игры в футбол
Паскаль. Основы
Работа с файлами
Случайные числа
инф. 6кл
Файл и файловая система
Массивы
Изменение структуры таблицы. Удаление таблиц
Консалтинг по правовым ресурсам интернета. Мы - избиратели XXI века
Для канала
LMS Moodle. Расширяя возможности
Скриншот из настроек смс
Топология компьютерных сетей
Игра Запомни
Электронные таблицы
Изображения. Урок 6
Кодирование и декодирование текстовой информации
Коммутация каналов и пакетов кафедра ЮНЕСКО по НИТ
Исследование влияния параметров печати на результаты 3D-печати объектов сложной формы с целью оптимизации скорости
A post office is a public facility that provides mail services. (9)
Презентация
(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)
Обратная связь
Для правообладателей
Email:
Нажмите что бы посмотреть
window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V){return {data:{meta:{result:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H}},item:{result:{id:1164030,name:"Презентация_4_HTML_CSS_Псевдоклассы_и_псевдоэлементы,_табличная",category:I,count:J,jpg:"jpg\u002F1164030",hits:K,download:a,h1:L,meta:{h1:L,title:"Презентация_4_HTML_CSS_Псевдоклассы_и_псевдоэлементы,_табличная презентация",description:"Презентация_4_HTML_CSS_Псевдоклассы_и_псевдоэлементы,_табличная презентация, доклад, проект, Информатика ",keywords:"Презентация_4_HTML_CSS_Псевдоклассы_и_псевдоэлементы,_табличная, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Презентация_4_HTML_CSS_Псевдоклассы_и_псевдоэлементы,_табличная, из раздела: Информатика.  Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EПлан урока\u003Cbr\u003E\u003Cp\u003EПсевдоклассы и псевдоэлементы.\u003Cbr\u003EОсновные теги для верстки (div и span).\u003Cbr\u003E \u003Cp\u003EПсевдоклассы и псевдоэлементы\u003Cbr\u003E",file:"Презентация_4_HTML_CSS_Псевдоклассы_и_псевдоэлементы,_табличная.pptx",texts:["\u003Cp\u003EHTML CSS\u003Cbr\u003E\u003Cp\u003EУрок 4\u003Cbr\u003E\u003Cp\u003EПсевдоклассы и псевдоэлементы\u003Cbr\u003E","\u003Cp\u003EПлан урока\u003Cbr\u003E\u003Cp\u003EПсевдоклассы и псевдоэлементы.\u003Cbr\u003EОсновные теги для верстки (div и span).\u003Cbr\u003E","\u003Cp\u003EПсевдоклассы и псевдоэлементы\u003Cbr\u003E","\u003Cp\u003EПсевдоклассы\u003Cbr\u003E\u003Cp\u003EПсевдоклассы – это атрибуты, назначаемые строго к селекторам с намерением определить реакцию или состояние для данного селектора.\u003Cbr\u003E","\u003Cp\u003EОпределяющие состояние\u003Cbr\u003E\u003Cp\u003E:hover – курсор мыши в пределах элемента.\u003Cbr\u003E:active – при активации элемента.\u003Cbr\u003E:focus – при получении фокуса элемента.\u003Cbr\u003E:link – используются для непосещенных ссылок.\u003Cbr\u003E:visited – используется для ссылки на страницу, которую уже посетили.\u003Cbr\u003E","\u003Cp\u003EВсе непосещенные ссылки на сайте будут синего цвета.\u003Cbr\u003E","\u003Cp\u003EВсе посещенные ссылки на сайте будут красного цвета и шрифт текста Arial.\u003Cbr\u003E","\u003Cp\u003EПри наведении на ссылки цвет изменится на белый, а шрифт будет жирным. \u003Cbr\u003E","\u003Cp\u003EПри нажатии на ссылку цвет текста станет серым.\u003Cbr\u003E","\u003Cp\u003EВыбор необходимого дочернего элемента\u003Cbr\u003E\u003Cp\u003E:first-child – первый дочерний элемент.\u003Cbr\u003E:last-child – последний дочерний элемент.\u003Cbr\u003E:nth-child(n) – n-й по счету дочерний элемент.\u003Cbr\u003E","\u003Cp\u003EДобавление стилей к дочерним элементам\u003Cbr\u003E","\u003Cp\u003EДобавление стилей к дочерним элементам\u003Cbr\u003E\u003Cp\u003EПри наведении на блок с классом «parent» у дочернего элемента с классом «child» цвет фона изменится на синий.\u003Cbr\u003E","\u003Cp\u003EКомбинирование псевдоклассов\u003Cbr\u003E\u003Cp\u003EПри наведении на непосещенную ссылку цвет текста будет зеленым.\u003Cbr\u003E","\u003Cp\u003EКомбинирование псевдоклассов\u003Cbr\u003E\u003Cp\u003EПри наведении на посещенную ссылку цвет текста будет красным.\u003Cbr\u003E","\u003Cp\u003EПсевдоэлементы\u003Cbr\u003E\u003Cp\u003E:after – добавляет контент после содержимого элемента.\u003Cbr\u003E:before – добавляет контент до содержимого элемента.\u003Cbr\u003E:first-letter – определяет стиль первого символа в тексте.\u003Cbr\u003E:first-line – определяет стиль первой строки блочного текста.\u003Cbr\u003E","\u003Cp\u003EОсновные теги для верстки \u003Cbr\u003E(div и span)\u003Cbr\u003E","\u003Cp\u003EВнешний вид\u003Cbr\u003E\u003Cp\u003E\u003Cdiv\u003EЭто блочный элемент\u003C\u002Fdiv\u003E\u003Cbr\u003E\u003Cspan\u003EЭто строчный элемент\u003C\u002Fspan\u003E\u003Cbr\u003E","\u003Cp\u003EОсобенности блочных элементов\u003Cbr\u003E\u003Cp\u003EБлочные элементы отображаются на веб-странице в виде прямоугольника.\u003Cbr\u003EЗанимают всю доступную ширину.\u003Cbr\u003EВысота определяется содержимым.\u003Cbr\u003E","\u003Cp\u003EОсобенности блочных элементов\u003Cbr\u003E\u003Cp\u003EНачинаются с новой строки.\u003Cbr\u003EДопускается вкладывать один блочный элемент внутрь другого.\u003Cbr\u003EЗапрещено добавлять внутрь строчных элементов блочные.\u003Cbr\u003E","\u003Cp\u003EОсобенности строчных элементов\u003Cbr\u003E\u003Cp\u003EИспользуются для изменения вида текста и логического выделения.\u003Cbr\u003EЯвляются частью строки.\u003Cbr\u003EШирина равна содержимому плюс значения отступов.\u003Cbr\u003E","\u003Cp\u003EОсобенности строчных элементов\u003Cbr\u003E\u003Cp\u003EВнутрь строчных элементов допустимо помещать текст или другие строчные элементы.\u003Cbr\u003EСвойства, связанные с размерами, неприменимы.\u003Cbr\u003EЭлементы, идущие подряд, не переносятся на другую строку, располагаются на одной строке.\u003Cbr\u003E","\u003Cp\u003EБлочные элементы\u003Cbr\u003E\u003Cp\u003E\u003Cdiv\u003E\u003Cbr\u003E\u003Cform\u003E\u003Cbr\u003E\u003Ch1\u003E\u003Cbr\u003E\u003Ctable\u003E\u003Cbr\u003E\u003Cul\u003E \u003Cbr\u003E. . . \u003Cbr\u003E","\u003Cp\u003EСтрочные элементы\u003Cbr\u003E\u003Cp\u003E\u003Cspan\u003E\u003Cbr\u003E\u003Ca\u003E\u003Cbr\u003E\u003Ci\u003E\u003Cbr\u003E\u003Cstrong\u003E \u003Cbr\u003E. . . \u003Cbr\u003E","\u003Cp\u003EПрактическое задание\u003Cbr\u003E","\u003Cp\u003EВопросы участников ...\u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Fprezentatsiya4htmlcsspsevdoklassyipsevdoelementytablichnaya",href_category:"\u002Fprezentacii-po-informatike",date:1615820684,related:[{id:1094147,name:"Пространство имён",href:"\u002Fprezentacii-po-informatike\u002Fprostranstvo-imyon-7f-2",jpg:"jpg\u002F1094147"},{id:1099428,name:"Практическое задание Криптография",href:"\u002Fprezentacii-po-informatike\u002Fprakticheskoe-zadanie-kriptografiya",jpg:"jpg\u002F1099428"},{id:891249,name:"Авторитарный протокол в сетевых боевиках",href:"\u002Fprezentacii-po-informatike\u002Favtoritarnyy-protokol-v-setevyh-boevikah",jpg:"jpg\u002F891249"},{id:873913,name:"Викторина. Безопасный интернет",href:"\u002Fprezentacii-po-informatike\u002Fviktorina-bezopasnyy-internet-3",jpg:"jpg\u002F873913"},{id:929133,name:"نگاه کلی به سیستم عامل",href:"\u002Fprezentacii-po-informatike\u002F-----1310052811",jpg:"jpg\u002F929133"},{id:282227,name:"Презентация на тему Классификация компьютеров по функциональным возможностям ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-klassifikaciya-kompyuterov-po-funkcionalnym-vozmozhnostyam-2",jpg:"jpg\u002F282227"},{id:1171799,name:"В лабиринтах интернета. Анализ сообщества ВКонтакте",href:"\u002Fprezentacii-po-informatike\u002Fv-labirintah-interneta-analiz-soobshchestva-vkontakte",jpg:"jpg\u002F1171799"},{id:1101312,name:"Разработка интеллектуальной многоагентной системы адаптивных роботов для игры в футбол",href:"\u002Fprezentacii-po-informatike\u002Frazrabotka-intellektualnoy-mnogoagentnoy-sistemy-adaptivnyh-robotov",jpg:"jpg\u002F1101312"},{id:1115331,name:"Паскаль. Основы",href:"\u002Fprezentacii-po-informatike\u002Fpaskal-osnovy-b4-2",jpg:"jpg\u002F1115331"},{id:846967,name:"Работа с файлами",href:"\u002Fprezentacii-po-informatike\u002Frabota-s-faylami-21",jpg:"jpg\u002F846967"},{id:1109027,name:"Случайные числа",href:"\u002Fprezentacii-po-informatike\u002Fsluchaynye-chisla-3",jpg:"jpg\u002F1109027"},{id:877925,name:"инф. 6кл",href:"\u002Fprezentacii-po-informatike\u002Finf-6kl",jpg:"jpg\u002F877925"},{id:956330,name:"Файл и файловая система",href:"\u002Fprezentacii-po-informatike\u002Ffayl-i-faylovaya-sistema-6",jpg:"jpg\u002F956330"},{id:904686,name:"Массивы",href:"\u002Fprezentacii-po-informatike\u002Fmassivy-56",jpg:"jpg\u002F904686"},{id:1130042,name:"Изменение структуры таблицы. Удаление таблиц",href:"\u002Fprezentacii-po-informatike\u002Fizmenenie-struktury-tablitsy-udalenie-tablits",jpg:"jpg\u002F1130042"},{id:967717,name:"Консалтинг по правовым ресурсам интернета. Мы - избиратели XXI века",href:"\u002Fprezentacii-po-informatike\u002Fkonsalting-po-pravovym-resursam-interneta-my",jpg:"jpg\u002F967717"},{id:1042006,name:"Для канала",href:"\u002Fprezentacii-po-informatike\u002Fdlya-kanala",jpg:"jpg\u002F1042006"},{id:913415,name:"LMS Moodle. Расширяя возможности",href:"\u002Fprezentacii-po-informatike\u002Flms-moodle-rasshiryaya-vozmozhnosti-ce-2",jpg:"jpg\u002F913415"},{id:970237,name:"Скриншот из настроек смс",href:"\u002Fprezentacii-po-informatike\u002Fskrinshot-iz-nastroek-sms",jpg:"jpg\u002F970237"},{id:1038323,name:"Топология компьютерных сетей",href:"\u002Fprezentacii-po-informatike\u002Ftopologiya-kompyuternyh-setey-10",jpg:"jpg\u002F1038323"},{id:905977,name:"Игра Запомни",href:"\u002Fprezentacii-po-informatike\u002Figra-zapomni",jpg:"jpg\u002F905977"},{id:1017313,name:"Электронные таблицы",href:"\u002Fprezentacii-po-informatike\u002Felektronnye-tablitsy-88",jpg:"jpg\u002F1017313"},{id:1087473,name:"Изображения. Урок 6",href:"\u002Fprezentacii-po-informatike\u002Fizobrazheniya-urok-6",jpg:"jpg\u002F1087473"},{id:965671,name:"Кодирование и декодирование текстовой информации",href:"\u002Fprezentacii-po-informatike\u002Fkodirovanie-i-dekodirovanie-tekstovoy-informatsii",jpg:"jpg\u002F965671"},{id:870283,name:"Коммутация каналов и пакетов кафедра ЮНЕСКО по НИТ",href:"\u002Fprezentacii-po-informatike\u002Fkommutatsiya-kanalov-i-paketov-kafedra-yunesko",jpg:"jpg\u002F870283"},{id:952813,name:"Исследование влияния параметров печати на результаты 3D-печати объектов сложной формы с целью оптимизации скорости",href:"\u002Fprezentacii-po-informatike\u002Fissledovanie-vliyaniya-parametrov-pechati-na-rezultaty",jpg:"jpg\u002F952813"},{id:1104557,name:"A post office is a public facility that provides mail services. (9)",href:"\u002Fprezentacii-po-informatike\u002Fa-post-office-is-a-public",jpg:"jpg\u002F1104557"},{id:1176204,name:"Презентация",href:"\u002Fprezentacii-po-informatike\u002Fprezentatsiya-30072215",jpg:"jpg\u002F1176204"}],navigation:{next:"\u002Fprezentacii-po-istorii\u002Fistoricheskaya-spravka-o-sele-abramovo",next_name:"Историческая справка о селе Абрамово",prev:"\u002Fprezentacii-na-razlichnye-temy\u002Fsegmentatsiya-potrebiteley-uslug-onlayn-bankinga-v",prev_name:"Сегментация потребителей услуг онлайн банкинга в возрасте 18-24 с применением кластерного анализа"}}},categories:{result:[{id:M,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:I,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:J,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:K,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:M,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:N,SITE_HOST:"slaidy.com",SITE_LANG:O,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:N,short_name:b,description:b,lang:O,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:U,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:V,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:V,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LdhFOUnAAAAAIaOUjFtosEpzs6Ny643k1QKXXvv","3190226","[e-mail]","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",25,26,"Презентация_4_HTML_CSS_Псевдоклассы_и_псевдоэлементы,_табличная ",1,"Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

Строчные элементы
. . .

Практическое задание