Тег используется для определения стилей для HTML-документов. Он является важным компонентом каскадных таблиц стилей (CSS), которые позволяют разработчикам создавать визуально привлекательные веб-страницы, определяя различные стили, такие как цвета, шрифты и макеты.
Синтаксис тега
/* Код CSS здесь */
Спецификация HTML
Тег является частью спецификации HTML Living Standard.
Семантический или нет
Тег не считается семантическим, так как не придает никакого конкретного значения содержимому.
Примеры использования
Встраивание правил CSS:
body < background-color: #f2f2f2; >h1
Добро пожаловать на мой сайт!
Это пример параграфа.
Ссылка на внешнюю таблицу стилей:
Добро пожаловать на мой сайт!
Это пример параграфа.
body < background-color: #f2f2f2; >h1
Для чего использовать тег
Используйте во всех этих случаях с осторожностью — почему, рассказали в статье «Почему инлайнить стили — плохо».
Как сменить тему и стиль ВК?
- Для придания стиля определенным элементам на странице, таким как заголовки, абзацы или списки.
- Для добавления анимации и переходов: используйте для добавления анимации и переходов, которые улучшают восприятие страницы пользователем.
- Для стилизации элементов формы: используйте для стилизации элементов формы, таких как поля ввода и кнопки.
- Чтобы отменить стили браузера по умолчанию: используйте, чтобы отменить стили по умолчанию, применяемые браузером к определенным элементам.
- Чтобы добавить пользовательские шрифты: используйте для импорта и применения пользовательских шрифтов на странице.
- Для придания стиля таблицам: используйте для применения стилей к таблицам, таких как добавление границ, изменение цвета фона и форматирование заголовков таблиц.
Атрибуты тега
type — MIME-тип таблицы стилей.
media — типы носителей, для которы будет использоваться стиль.
Глобальные атрибуты
Ограничения
На тег наложены те же ограничения, что и на CSS. Его нельзя использовать для изменения внешнего вида или поведения определенных элементов, таких как элементы формы, iframe и некоторые псевдоэлементы.
Нюансы
- Если на одной странице используется несколько тегов , стили, заданные в более поздних тегах, отменяют стили, заданные в более ранних тегах.
- Если в тег необходимо вставить большое количество CSS-кода, то вместо этого может быть более эффективной ссылка на внешнюю таблицу стилей.
Поддержка браузеров
Тег поддерживается всеми современными браузерами.
Актуальная информация — на сaniuse.
Альтернативные теги
Альтернативных тегов для тега не существует.
Чем заменить тег
Прямой замены тегу не существует.
Актуальность
Тег не является устаревшим.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
Как писать от имени сообщества во ВКонтакте 2.0|Новый стиль ВК
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Источник: htmlacademy.ru
Как выглядит ваш текст?
Друзья, отличной всем пятницы. Хотим поделиться с вами переводом статьи, подготовленным специально для студентов курса «Android-разработчик. Продвинутый курс». Приятного прочтения.
Как декларативно стилизовать текст на Android.
Иллюстрация Вирджинии Полтрэк
TextView в Android-приложениях предоставляет несколько атрибутов для стилизация текста и различные способы их применения. Эти атрибуты можно установить непосредственно в layout’e, применить стиль к view или тему к layout’у или, если захотите, установить textAppearance. Но что же из этого следует использовать? И что произойдет, если их скомбинировать?
Что и когда использовать?
В этой статье описываются различные подходы к декларативной стилизации текста (т. е. когда вы определяете стили в XML файле), рассматриваются области применения и приоритет каждого из методов.
tl;dr;
Вам следует прочитать весь пост, но вот краткое изложение.
Помните о порядке приоритетности различных методов стилизации — если вы пытаетесь стилизовать какой-то текст и не видите ожидаемых результатов, то, скорее всего, ваши изменения переопределены чем-то с более высоким приоритетом в этой иерархии:
Иерархия методов стилизации текста
Я бы предложил следующий порядок действий для стилизации:
- Установите любой стиль приложения в textViewStyle как стиль по умолчанию для вашей темы.
- Установите (небольшой) набор TextAppearance , которые ваше приложение будет использовать (или использовать/наследовать от стилей MaterialComponent), и ссылайтесь на них прямо из ваших view
- Создайте style , устанавливая атрибуты, не поддерживаемые TextAppearance (которые сами собой будут определять один из ваших TextAppearance ).
- Выполните любую уникальную стилизацию прямо в layout’е.
Продемонстрируйте немного стиля
Вы можете напрямую устанавливать атрибуты TextView в layout’е, но этот подход может быть более утомительным и небезопасным. Представьте себе, что вы таким образом пытаетесь обновить цвет всех TextView в приложении. Как и во всех других view, вы можете (и должны!) вместо этого использовать стили для обеспечения согласованности, повторного использования и простоты обновлений. С этой целью я рекомендую создавать стили для текста всякий раз, когда вы, вероятно, захотите применить один и тот же стиль к нескольким view. Это чрезвычайно просто и в значительной степени поддерживается view-системой Android.
Что происходит под капотом, когда вы задаете стиль для view? Если вы когда-либо писали свой custom view, вы, вероятно, видели вызов context.obtainStyledAttributes(AttributeSet, int[], int, int). Таким образом view-система в Android передает в view атрибуты, указанные в layout’е. Параметр AttributeSet , по сути, можно рассматривать как карту XML параметров, которые вы указываете в вашем layout’е.
Если AttributeSet устанавливает стиль, то стиль читается первым, а затем к нему применяются атрибуты, указанные непосредственно во view. Таким образом, мы подошли к первому правилу приоритетности.
View → Style
Атрибуты, определенные непосредственно во view, всегда «превалируют» и переопределяют атрибуты, определенные в стиле. Обратите внимание, что применяется сочетание атрибутов style и view; определение атрибута в view, который также указывается в стиле, не отменяет весь стиль. Также следует отметить, что в ваших view нет реального способа определить, откуда берется стилизация; это решается view системой за вас единожды при подобном вызове. Вы не можете получить оба варианта и выбрать.
Хотя стили чрезвычайно полезны, у них есть свои ограничения. Одним из них является то, что вы можете применить только один стиль к view (в отличие от чего-то вроде CSS, где вы можете применять несколько классов). У TextView , однако, есть хитрость, он предоставляет атрибут TextAppearance , который работает аналогично style . Если вы стилизуете текст через TextAppearance , то оставляете атрибут style свободным для других стилей, что выглядит практично. Давайте подробнее рассмотрим, что такое TextAppearance и как он работает.
TextAppearance
В TextAppearance нет ничего волшебного (например, секретного режима для применения нескольких стилей, о котором вы не должны знать. ), TextView избавляет вас от некоторой лишней работы. Давайте посмотрим на конструктор TextView , чтобы понять, что происходит.
TypedArray a = theme.obtainStyledAttributes(attrs, com.android.internal.R.styleable.TextViewAppearance, defStyleAttr, defStyleRes); TypedArray appearance = null; int ap = a.getResourceId(com.android.internal.R.styleable.TextViewAppearance_textAppearance, -1); a.recycle(); if (ap != -1) < appearance = theme.obtainStyledAttributes(ap, com.android.internal.R.styleable.TextAppearance); >if (appearance != null) < readTextAppearance(context, appearance, attributes, false); appearance.recycle(); >// a little later a = theme.obtainStyledAttributes(attrs, com.android.internal.R.styleable.TextView, defStyleAttr, defStyleRes); readTextAppearance(context, a, attributes, true);
Итак, что здесь происходит? По сути, TextView сначала смотрит, указали ли вы android:textAppearance , если это так, он загружает этот стиль и применяет все свойства, которые там указаны. Позже он загружает все атрибуты из view (которые помнит, включая стиль) и применяет их. Так мы подходим ко второму правилу приоритетности:
View → Style → TextAppearance
Поскольку внешний вид текста (text appearance) проверяется первым, любые атрибуты, определенные либо непосредственно во view, либо в style, будут переопределять его.
С TextAppearance следует помнить о еще одном предостережении: он поддерживает подмножество атрибутов стиля, которые предлагает TextView . Чтобы лучше понять, что я имею в виду, давайте вернемся к этой строке:
Что такое чувство стиля и можно ли его развить?
Мода и стиль — два понятия , которые идут рука об руку и между которыми в то же время есть огромная разница!
Автор статьи
Лорен Хаттон, знаменитая американская актриса и супермодель, появившаяся на обложке журнала Vogue более двадцати пяти раз, дала вполне меткое определение моде и стилю, подчеркнув, чем одно отличается от другого: «Моду дизайнеры представляют на подиуме четыре раза в год. Стиль — это то, что выбираете вы сами». Но даже это простое и понятное определение оставляет простор для вопросов — чтобы быть «модным», достаточно следить за показами, но что нужно выбирать и как, чтобы быть «стильным»?
Платья, которые подходят для всех типов фигуры: советы стилиста
Стиль в одежде: две грани
Прежде всего, следует оговориться, что под словом «стиль» с точки зрения одежды мы понимаем сразу две вещи. Во‑первых, это определенный, довольно строго фиксированный стиль, который имеет название. Это может быть стиль бохо, или стиль гранж, или кэжуал, или еще десятки других направлений. В данном случае, чтобы одеться в выбранном стиле, достаточно изучить, из чего он складывается, и применить знания на практике. Например, стиль милитари предполагает соответствующую цветовую гамму (без цвета хаки не обойтись) и базируется на ряде вещей и деталей: шинель, жакеты с эполетами, брутальная обувь, практичные сумки Внутри заданного стиля можно экспериментировать, и в действительности простор для творчества достаточно широк, но в основе все равно лежат заранее определенные черты.
Во-вторых, под словом «стиль» мы понимаем совершенно особую совокупность черт, деталей, сочетаний, в которых ощущается цельность и внутренняя гармония. Такой стиль может не укладываться в рамки строго заданных стилей и не иметь никакого названия — в этом случае мы говорим об индивидуальном стиле. И именно с ним как раз и возникает больше всего сложностей!
7 признаков того, что пора обновить гардероб
Из чего складывается чувство стиля: 4 слагаемых
Одни люди буквально рождаются с умением виртуозно сочетать предметы гардероба, создавая свой собственный неповторимый стиль, в то время как другие искренне теряются при виде бесконечных вешалок в магазине, не имея ни малейшего представления, что выбрать и как сочетать то, что приглянулось. Подавляющее большинство из нас находятся где-то посередине между этими крайностями — мы примерно представляем, чего хотели бы, видели и готовы повторить какие-то удачные образы, но при этом не можем придать своему гардеробу цельности (именно так в шкафу и появляются вещи, которые мы почти или совсем не надеваем — вещь понравилась, но мы не учли общую стилистику, и она никак не встраивается в то, что у нас уже есть).
К счастью, в вопросах моды и стиля действительно нет ничего невозможного! Если подойти к вопросу с должной целеустремленностью, успех обеспечен. Давайте разбираться, откуда же берется чувство стиля и как его натренировать.
1. Насмотренность
Можно долго рассуждать о врожденном чувстве прекрасного, но на самом деле любому среднестатистическому человеку крайне сложно генерировать идеи «из головы», на пустом месте. Поэтому это самое «пустое место» нужно заполнять — и сделать это очень просто! Создайте отдельную доску на Pinterest или просто папку на компьютере, куда вы будете сохранять все образы, которые вам понравились.
Это могут быть комплекты от блогеров, фотографии street style, фотосъемки модных журналов. В первый момент может показаться, что от сотни сохраненных картинок ничего не измениться, но их нужно сохранять не бездумно, а внимательно изучая каждую — что именно вам понравилось, на чем основан тот или иной образ, как расставлены акценты? Задавая себе эти и миллион других аналогичных вопросов, вы со временем научитесь не только понимать архитектуру комплектов, но и определитесь с тем, что нравится лично вам.
К слову, нет ничего плохого в том, чтобы начать с копирования стиля известной персоны, например, блогера или актрисы (при условии, конечно, что он вас полностью устраивает). Со временем, освоившись, вы даже незаметно для себя начнете привносить в стиль свое собственное видение, адаптируя его под свои вкусы.
5 модных советов для полных девушек, которые работают безотказно
2. Теория цвета
Цвет — один из мощнейших инструментов стиля! Зачастую образ работает и кажется таким эффектным именно потому, что цветовая палитра подобрана метко и удачно.
О том, как научиться сочетать цвета как профи, мы уже рассказывали, поэтому очень рекомендуем почитать следующие материалы:
5 способов приручить яркие цвета в гардеробе
Подкаст Burda: все о цветах и их сочетаниях в одежде
6 способов освоить сочетаемость цветов
Кроме того, в вопросах цвета также работает фактор насмотренности. Изучайте цветовые палитры и подмечайте понравившиеся сочетания!
7 цветовых сочетаний, которые вам стоит попробовать этой осенью
Зимняя палитра: 9 цветовых сочетаний, от которых захватывает дух
Теория цвета: терракотовый
Витаминный заряд: 7 самых сочных сочетаний с зеленым цветом
Небеса обетованные: 7 восхитительных сочетаний с голубым цветом
6 беспроигрышных сочетаний с лавандовым цветом
Также рекомендуем попробовать данный способ, чтобы определить, какие цвета подходят именно вашей внешности:
Как подобрать цвета, которые идут именно вам: безошибочный способ
3. Индивидуальность и образ жизни
Стиль, в отличие от той же моды, — способ самовыражения, поэтому он неотрывно связан с тем, кто мы, что нам нравится, чем мы занимаемся и чего хотим. Если вы любите женственные вещи, предпочитаете юбки и каблуки, вполне логично, что эти детали будут присутствовать в вашем гардеробе, и нелогично было бы пытаться навязать себе брючные костюмы, как бы стильно они ни смотрелись.
В то же самое время, существует и подход от обратного — предположим, что вы находитесь в поисках работы или мечтаете переехать в мегаполис из маленького городка, в котором наряжаться просто некуда. В этом случае стоит проанализировать, чего вы хотели бы добиться и как бы вам хотелось одеваться, если бы вы уже нашли работу мечты и гуляли по улицам любимого города. Как говорят бизнес-тренеры, если вы хотите быть успешным, ведите себя так, будто вы уже добились успеха! Тот же самый принцип можно применять и к вопросам гардероба.
4. Особенности фигуры
Понимание того, какие вещи и как садятся на вашу фигуру — один из ключевых факторов успеха, потому что крайне сложно выстраивать стиль умозрительно, выбирая абстрактные вещи, которые вам бы хотелось носить. Если вам, например, категорически не идут узкие юбки в длине миди, гардероб и его стиль нужно выстраивать с учетом этого нюанса.
Если у вас нет личного стилиста, который сможет учесть все эти нюансы, разбираться придется самостоятельно — изучите свои параметры, слабые и сильные стороны, решите, на что вы хотите делать акценты, а что наоборот предпочли бы завуалировать с помощью одежды. И, конечно, примеряйте и примеряйте — зачастую только увидев на себе разные изделия, можно понять, что именно вас украшает.
Ни один из этих факторов не будет работать по отдельности, но все вместе они станут огромным подспорьем для тех, кто задался целью найти свой индивидуальный стиль.
Источник: burdastyle.ru