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

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

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

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Каскадность стилей в CSS3</title>
        <style>
            .redLink {color: red;}  /* красный цет текста */
            .footer a {font-weight: bold;}  /* выделение жирным */
            a {text-decoration: none;}  /* отмена подчеркивания ссылки */
        </style>
    </head>
    <body>
        <p class="footer">Для просмотра подробной информации пройдите по ссылке:
            <a class="redLink" href="/index.php">Основы CSS 3</a></p>
    </body>
</html>

Читать далее

		Это интересно Это интересно 0 0	Как всё будет выглядеть в блоге: Каскадность стилей Здравствуйте! На прошлом уроке мы рассмотрели такое понятие как наследование стилей Скопируйте код для блога: <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/luchshie-kompyuternyie-programmyi/13242051/" 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/luchshie-kompyuternyie-programmyi/13242051/" 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

13.02.2017

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

Следить

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

Лучшие компьютерные программы 6768

Активные участники:

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

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

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

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