Презентация_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
Количество просмотров: 28
Количество скачиваний: 0
Скачать
- Предыдущая
Сегментация потребителей услуг онлайн банкинга в возрасте 18-24 с применением кластерного анализа
Следующая -
Историческая справка о селе Абрамово
Похожие презентации
python 2
Файловая система NTFS
Программа MsExcel
Человек и компьютер
Презентация сайта ReBoots
Электронное портфолио обучающихся
Системное программирование. Лекция №6
Презентация на тему Растровое кодирование графической информации
ПрограмКумир
Динамика повторов
Циклы по переменной. Программирование на языке Python
Презентация на тему Информация, ее виды и свойства
Онлайн-сервисы для образования
Курс по основам программирования на Python. Строки
Турнир знатоков (9 класс)
Операционные системы
Кодирование графической информации. Пространственная дискретизация
Список дуг
Двоичное кодирование. Ключевые слова
Базовые свойства многопоточности
Мастер-класс Оформление презентации
Презентация на тему Информация ее хранение и способы передачи
Интернет как глобальная информационная система
Интеграция с 1С: Документооборот. Программный интерфейс
Проектирование баз картографических данных и управление ими
WinUI. The modern native Ul platform of Windows
Искусственный интеллект в системе управления электроприводом
Арифметические операции в позиционных системах счисления представление информации в компьютере
(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){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:i,download:a,h1:K,meta:{h1:K,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:1179897,name:"python 2",href:"\u002Fprezentacii-po-informatike\u002Fpython-2-87-2",jpg:"jpg\u002F1179897"},{id:893998,name:"Файловая система NTFS",href:"\u002Fprezentacii-po-informatike\u002Ffaylovaya-sistema-ntfs-1",jpg:"jpg\u002F893998"},{id:981908,name:"Программа MsExcel",href:"\u002Fprezentacii-po-informatike\u002Fprogramma-msexcel-18-2",jpg:"jpg\u002F981908"},{id:1115715,name:"Человек и компьютер",href:"\u002Fprezentacii-po-informatike\u002Fchelovek-i-kompyuter-3-79-2",jpg:"jpg\u002F1115715"},{id:920244,name:"Презентация сайта ReBoots",href:"\u002Fprezentacii-po-informatike\u002Fprezentatsiya-sayta-reboots",jpg:"jpg\u002F920244"},{id:879900,name:"Электронное портфолио обучающихся",href:"\u002Fprezentacii-po-informatike\u002Felektronnoe-portfolio-obuchayushchihsya",jpg:"jpg\u002F879900"},{id:924060,name:"Системное программирование. Лекция №6",href:"\u002Fprezentacii-po-informatike\u002Fsistemnoe-programmirovanie-lektsiya-n6",jpg:"jpg\u002F924060"},{id:282404,name:"Презентация на тему Растровое кодирование графической информации ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-rastrovoe-kodirovanie-graficheskoj-informacii-2",jpg:"jpg\u002F282404"},{id:1181147,name:"ПрограмКумир",href:"\u002Fprezentacii-po-informatike\u002Fprogramkumir",jpg:"jpg\u002F1181147"},{id:929759,name:"Динамика повторов",href:"\u002Fprezentacii-po-informatike\u002Fdinamika-povtorov",jpg:"jpg\u002F929759"},{id:1077030,name:"Циклы по переменной. Программирование на языке Python",href:"\u002Fprezentacii-po-informatike\u002Ftsikly-po-peremennoy-programmirovanie-na-yazyke",jpg:"jpg\u002F1077030"},{id:282201,name:"Презентация на тему Информация, ее виды и свойства ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-informaciya--ee-vidy-i-svojstva-1",jpg:"jpg\u002F282201"},{id:885668,name:"Онлайн-сервисы для образования",href:"\u002Fprezentacii-po-informatike\u002Fonlayn-servisy-dlya-obrazovaniya",jpg:"jpg\u002F885668"},{id:927896,name:"Курс по основам программирования на Python. Строки",href:"\u002Fprezentacii-po-informatike\u002Fkurs-po-osnovam-programmirovaniya-na-python-3",jpg:"jpg\u002F927896"},{id:1138771,name:"Турнир знатоков (9 класс)",href:"\u002Fprezentacii-po-informatike\u002Fturnir-znatokov-9-klass-54-2",jpg:"jpg\u002F1138771"},{id:1167289,name:"Операционные системы",href:"\u002Fprezentacii-po-informatike\u002Foperatsionnye-sistemy-65",jpg:"jpg\u002F1167289"},{id:912385,name:"Кодирование графической информации. Пространственная дискретизация",href:"\u002Fprezentacii-po-informatike\u002Fkodirovanie-graficheskoy-informatsii-prostranstvennaya-diskretizatsiya-1",jpg:"jpg\u002F912385"},{id:891300,name:"Список дуг",href:"\u002Fprezentacii-po-informatike\u002Fspisok-dug",jpg:"jpg\u002F891300"},{id:933890,name:"Двоичное кодирование. Ключевые слова",href:"\u002Fprezentacii-po-informatike\u002Fdvoichnoe-kodirovanie-klyuchevye-slova",jpg:"jpg\u002F933890"},{id:870304,name:"Базовые свойства многопоточности",href:"\u002Fprezentacii-po-informatike\u002Fbazovye-svoystva-mnogopotochnosti-1",jpg:"jpg\u002F870304"},{id:1166616,name:"Мастер-класс Оформление презентации",href:"\u002Fprezentacii-po-informatike\u002Fmaster-klass-oformlenie-prezentatsii",jpg:"jpg\u002F1166616"},{id:282194,name:"Презентация на тему Информация ее хранение и способы передачи ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-informaciya-ee-xranenie-i-sposoby-peredachi-1",jpg:"jpg\u002F282194"},{id:922150,name:"Интернет как глобальная информационная система",href:"\u002Fprezentacii-po-informatike\u002Finternet-kak-globalnaya-informatsionnaya-sistema-9",jpg:"jpg\u002F922150"},{id:935961,name:"Интеграция с 1С: Документооборот. Программный интерфейс",href:"\u002Fprezentacii-po-informatike\u002Fintegratsiya-s-1s-dokumentooborot-programmnyy-interfeys",jpg:"jpg\u002F935961"},{id:1167638,name:"Проектирование баз картографических данных и управление ими",href:"\u002Fprezentacii-po-informatike\u002Fproektirovanie-baz-kartograficheskih-dannyh-i-upravlenie",jpg:"jpg\u002F1167638"},{id:988284,name:"WinUI. The modern native Ul platform of Windows",href:"\u002Fprezentacii-po-informatike\u002Fwinui-the-modern-native-ul-platform",jpg:"jpg\u002F988284"},{id:1079664,name:"Искусственный интеллект в системе управления электроприводом",href:"\u002Fprezentacii-po-informatike\u002Fiskusstvennyy-intellekt-v-sisteme-upravleniya-elektroprivodom-2",jpg:"jpg\u002F1079664"},{id:1111996,name:"Арифметические операции в позиционных системах счисления представление информации в компьютере",href:"\u002Fprezentacii-po-informatike\u002Farifmeticheskie-operatsii-v-pozitsionnyh-sistemah-schisleniya-18",jpg:"jpg\u002F1111996"}],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:L,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:26,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:L,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:M,SITE_HOST:"slaidy.com",SITE_LANG:N,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:M,short_name:b,description:b,lang:N,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:U,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,"Презентация_4_HTML_CSS_Псевдоклассы_и_псевдоэлементы,_табличная ",1,"Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

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

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