Обзор наследования стилей текста | Webflow University
Урок
Все уроки
Обзор наследования стилей текста
Урок
Все уроки
Ознакомьтесь с примерами того, как элементы могут передавать информацию о стиле текста своим дочерним элементам.
layout-design
У этого видео старый пользовательский интерфейс. Скоро будет обновленная версия!
Элементы могут передавать информацию о стиле текста своим дочерним элементам. Вы можете установить стили текста для родительских элементов, которые будут каскадироваться вниз, и вы можете переопределить эти стили для их дочерних элементов.
Этот метод обычно используется для установки глобальных стилей шрифта в теге Body, для выравнивания текста и других элементов внутри разделов, а также для переопределения стилей блоков ссылок по умолчанию. Вот эти три примера, которые более подробно показывают, как работает каскадирование текстовых стилей:
Пример 1 — Наследование стилей от Body
В этом примере у нас есть простой макет:
Ни один из этих элементов не имеет имен классов.
или стили.
По умолчанию эти элементы наследуют стиль текста от Кузов . Вы можете увидеть это, щелкнув оранжевый индикатор рядом со стилями текста. Изменение семейства шрифтов в Body, следовательно, изменит семейство шрифтов для всех его дочерних элементов.
Вы можете переопределить этот унаследованный стиль текста, выбрав один из текстовых элементов и изменив семейство шрифтов. Затем вы увидите синий индикатор, показывающий, что для этого элемента было внесено изменение стиля.
Вы можете удалить этот стиль, щелкнув синий индикатор и выбрав «Удалить этот стиль» (или нажмите и удерживайте клавишу ALT). Удаление стиля вернет семейство шрифтов к наследованию от тела.
Имейте в виду, что хотя тело является элементом верхнего уровня, внесенные в него изменения повлияют только на эту конкретную страницу. Чтобы применить стили к телу всех страниц, сначала выберите элемент body и удалите имя класса.
Затем вы можете выбрать его тег и изменить стиль текста.
Пример 2. Наследование стилей от раздела
Несмотря на то, что раздел не является текстовым элементом, здесь можно применить стиль шрифта. По умолчанию раздел наследует стиль текста от элемента body. Вы можете переопределить это, выбрав раздел и изменив стиль текста.
До внесения этих изменений элементы «Заголовок» и «Абзац» обращались к вершине иерархии, чтобы получить стили текста из основного текста. Обратите внимание, что после внесения изменений и заголовок, и абзац — дочерние элементы элемента раздела — теперь наследуют эти стили. Это связано с тем, что изменение стилей текста в элементе раздела разорвало цепочку наследования от тела.
Обычно в разделе выравнивание текста меняют на Центр.
Это выровняет все элементы текста и встроенных блоков, такие как изображения и кнопки, внутри раздела по центру.
Пример 3 — Блок ссылок
В этом примере внутри блока ссылок есть некоторый текст. Вы можете стилизовать этот текст напрямую или выбрать блок ссылок и внести изменения здесь. Эти изменения стиля, как и прежде, разорвут цепочку наследования и заставят текст наследоваться от блока ссылок. Чтобы проверить это, вы можете выбрать текстовый элемент и щелкнуть оранжевый индикатор, чтобы увидеть, что изменения стилей текста в блоке ссылок также изменяются здесь.
Вы также можете переопределить стили синего текста по умолчанию для блока ссылок, выбрав текстовый элемент и внеся изменения. Здесь применяется та же логика — непосредственное изменение стиля текстового элемента переопределит любой унаследованный стиль текста.
Содержание
Наследственный дефицит цветового зрения — осведомленность о дальтонизме
Дальтонизм — одно из наиболее распространенных в мире генетических (наследственных) заболеваний, что означает, что оно обычно передается от ваших родителей.
Дальтонизм к красному/зеленому цвету передается от матери к сыну на 23-й хромосоме, которая известна как половая хромосома, поскольку она также определяет ваш пол. Хромосомы представляют собой структуры, содержащие гены, дающие инструкции для развития клеток, тканей и органов. Если вы дальтоник, это означает, что инструкции по развитию ваших колбочек отличаются от инструкций для людей с «нормальным» цветовым зрением. Это может привести к тому, что один тип колбочек либо отсутствует, либо менее чувствителен к свету, что приводит к неправильной информации через «неправильные» электрические сигналы, идущие от ваших колбочек к вашему мозгу.
Сине-желтые наследуемые гены дефицита цветового зрения не переносятся на Х-хромосоме. Это состояние не наследуется так же, как красно-зеленый тип дальтонизма, и по сравнению с ним встречается крайне редко.
Для простоты мы ссылаемся на «ген» дальтоника, но это не совсем верное описание. Красный и зеленый типы сердечно-сосудистых заболеваний на самом деле вызваны последовательностями генетического кода, отличными от последовательностей нормального цветового зрения.
Имеющаяся у вас последовательность генетического кода будет определять тип и степень дальтонизма (красный или зеленый) у вас (или нормальное ли у вас цветовое зрение).
23-я хромосома (пара) состоит из двух частей: либо двух Х-хромосом, если вы женщина, либо Х- и Y-хромосомы, если вы мужчина. «Ген», вызывающий дальтонизм (наследственный, красный и зеленый типы), находится только на Х-хромосоме. Таким образом, для того, чтобы мужчина был дальтоником, «ген» дальтонизма должен появиться только на его Х-хромосоме. Чтобы женщина была дальтоником, у нее должны быть «гены» дальтонизма, присутствующие в обеих ее Х-хромосомах.
Таблица 1
Мужчина-дальтоник и женщина без дальтонизма
Если у женщины есть только один «ген» дальтоника, она известна как «носитель», но она не будет дальтоником. Когда у нее родится ребенок, она передаст ребенку одну из своих Х-хромосом. Если она передаст Х-хромосому с «геном» дальтонизма своему сыну, он будет дальтоником, но если он получит Х-хромосому, которая не несет «гена» дальтонизма, он не будет дальтоником.
Мальчик-дальтоник на красный/зеленый цвет не может получить «ген» дальтонизма от своего отца, даже если его отец дальтоник, потому что его отец может передать только Х-хромосому своим дочерям.
Дочь, страдающая от красного/зеленого дальтонизма, должна иметь отца-дальтоника и мать-носителя (и которая также передала ей «ген» дальтонизма). Если ее отец не дальтоник, дочь-носитель не будет дальтоником на красный/зеленый. Дочь может стать носителем одним из двух способов: она может получить «ген» от матери-носителя или от отца-дальтоника.
Вот почему слепота на красный/зеленый цвет гораздо чаще встречается у мужчин, чем у женщин.
Сине-желтая цветовая слепота одинаково поражает как мужчин, так и женщин, потому что она переносится на неполовой хромосоме.
Для дальнейшего пояснения нормальная Х-хромосома показана как (X), в то время как дальтоник, несущий Х-хромосому, показан жирным шрифтом ( X ).
«Ген» дальтонизма находится на одной из Х-хромосом.