Каскадность стилей

Здравствуйте! На прошлом уроке мы рассмотрели такое понятие как наследование стилей. Сегодня рассмотрим что такое каскадность в CSS.

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

К примеру, у нас определена следующая веб-страница: Читать далее

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно +1	Как всё будет выглядеть в блоге: Каскадность стилей Здравствуйте! На прошлом уроке мы рассмотрели такое понятие как наследование стилей Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/sozdat-svoj-sajt-mechta-kazhdogo-chelovekakotoryij-hotya-byi-2-3-raza-zahodil-v-internet/14049937/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Каскадность стилей </a> <div class="insert-intro" style="font-family:trebuchet MS;"> Здравствуйте! На прошлом уроке мы рассмотрели такое понятие как наследование стилей </div> </div> Каскадность стилей <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/sozdat-svoj-sajt-mechta-kazhdogo-chelovekakotoryij-hotya-byi-2-3-raza-zahodil-v-internet/14049937/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Каскадность стилей</a> <div style="font-family:trebuchet MS;"> Здравствуйте! На прошлом уроке мы рассмотрели такое понятие как наследование стилей </div> </div>

webguru

24.08.2017

В избранное Пожаловаться Просмотров: 387

Комментарии ⁰

Создать свой сайт 963

Последние откомментированные темы:

Каскадность стилей

Комментарии временно отключены

Открытая группа
19576 участников