Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску

Каскадные таблицы стилей позволяют гибко форматировать страницу. Их следует использовать вместо таблиц для нетабличного содержимого, когда это возможно, потому что ими может манипулировать читатель или переопределить автор, если ваш CSS встроен в другую страницу через шаблон .

Уровни настроек CSS [ править ]

Стиль может быть выбран специально для части контента, см., Например, цвет; набор параметров

В качестве альтернативы для селекторов CSS указывается стиль, выраженный в терминах элементов, классов и идентификаторов. Это делается на разных уровнях:

Авторские таблицы стилей в следующем порядке:

Примечание. См. WP: CLASS для получения списка всех загруженных таблиц стилей.

Основные таблицы стилей MediaWiki [ править ]

Для обложки: Руководство MediaWiki: Галерея пользовательских стилей и т. Д. Обычно загружаемые таблицы стилей:

Основной файл для конкретного скина

например, monobook / main.css (нормальный скин для ПК), chick / main.css (нормальный скин для КПК)

Исправления для конкретного браузера (в том числе для скина)

Примеры для монокниги:

Таблицы стилей для всего сайта [ править ]

  • На уровне сайта для всех скинов (только для рабочего стола): MediaWiki: Common.css
  • На уровне сайта для всех скинов (только для мобильных устройств): MediaWiki: Mobile.css
  • По всему сайту по скину : MediaWiki: Vector.css , MediaWiki: Monobook.css и т. Д.
  • На уровне сайта для групп пользователей: MediaWiki: Group-user.css , MediaWiki: Group-autoconfirmed.css и т. Д.
  • На уровне всего сайта для специальных целей: MediaWiki: Print.css , MediaWiki: Noscript.css , MediaWiki: Filepage.css
  • Если гаджеты загружены, на уровне всего сайта : дополнительную информацию см. В Википедии: Гаджеты.

Примечание. Сайты MediaWiki, отличные от английской Википедии, могут использовать MediaWiki:Gadget-site.cssвместо MediaWiki: Common.css.

Таблицы стилей для конкретных страниц [ править ]

Таблицы стилей для конкретных страниц могут быть введены через TemplateStyles . Страницы, особенно шаблоны, также могут иметь встроенный CSS.

Некоторые страницы имеют собственный CSS, например MediaWiki: FileUploadWizard.css

Таблицы стилей для конкретных пользователей [ править ]

  • Глобальный пользовательский для всех скинов: meta: Special: MyPage / global.css
  • Индивидуально для всех скинов: Special: MyPage / common.css
  • Индивидуально для каждого скина: например, Special: MyPage / vector.css или Special: MyPage / skin.css для текущего скина.
  • Пользовательский CSS, загружаемый через JavaScript, например, загруженный в Special: MyPage / common.js
  • Пользовательские настройки веб-браузера: локальный файл, указанный в настройках браузера, или установленный непосредственно в браузере.

Обратите внимание, что в терминологии CSS пользовательские таблицы стилей не являются пользовательскими таблицами стилей.

Использование [ править ]

Элемент HTML может быть просто взят из викитекста (см. HTML в викитексте ), например, span, или в результате перевода викитекста, например, '''код изменен на <b>, или часть кода для оболочки.

Класс может быть создан программным обеспечением, например, ns- номер пространства имен для "тела" HTML-элемента и extiw для межвики-ссылки в теле страницы или взят из вики-текста.

Аналогичным образом идентификатор может быть создан программой, например bodyContent, или взят из викитекста.

В случае противоречивых настроек стиля для части контента результирующая настройка зависит в первую очередь от указания «! Important». Во-вторых, если оба важны, выигрывает пользователь, если ни то, ни другое - автор. Территориально это зависит от специфики. И наконец, это зависит от порядка между таблицами стилей и внутри них: побеждает последняя. Таким образом, User: username /monobook.css не выигрывает от MediaWiki: Monobook.css (как автор, так и не пользователь), если специфика последнего больше. См. Также каскад .

Поддерживаемые элементы [ править ]

MediaWiki поддерживает большую часть CSS, за такими исключениями, как атрибут url (). В более ранних версиях были некоторые ошибки в поддержке CSS.

Дополнительная информация: спецификация Cascading Style Sheets Level 2 Revision 1 (CSS 2.1)

CSS в вики-тексте [ править ]

Вы можете использовать стили CSS в элементах HTML в своем коде (см. Help: HTML в wikitext для списка элементов, поддерживаемых MediaWiki), как и в обычной разметке HTML.

Например, элемент <div> с зеленой рамкой и его содержимым, перемещенным вправо, будет создан с помощью

< div  style = "float: right; border: тонкий сплошной зеленый;" > А
вот короткий абзац , который является < бр  />
содержится в элементе «сНу» , который является < бр  />поплыл вправо.</ div >

Вот короткий абзац, который
содержится в элементе «div», который
перемещается вправо.

что произведет коробку справа. Некоторые элементы wikitext позволяют вставлять стили CSS прямо в них. Примером может служить синтаксис таблицы:

{| style = "ваш стиль здесь"| -| ваш стол|}
Дополнительная информация: Помощь: Таблицы

Существующие стили MediaWiki [ править ]

Вы можете захотеть использовать тип стиля, который уже предопределен MediaWiki, или сайтом, который вы посещаете. Вы также можете создать стиль, уникальный для вашей страницы.

Вектор - стиль по умолчанию, вы можете просмотреть его по адресу: MediaWiki: Vector.css

Вы дадите своему тегу CSS существующий «класс»

Пожалуйста, поместите здесь список существующих классов.

Советы и хитрости [ править ]

Не отображать [ править ]

На встроенной странице можно скрыть комментарии в одной версии и показать их в другом представлении. Один крайний «стиль» для текста - его не отображать, с

. имя класса {display: none}# id {display: none}

и Т. Д.

Неотображаемые ссылки не работают (в отличие от ссылок, написанных очень мелким шрифтом).

Его нельзя использовать для удаления текста в выражениях для имен шаблонов, имен параметров, значений параметров, имен страниц в ссылках и т. Д.

Чтобы просмотреть скрытый текст, загрузите панель инструментов веб-разработчика для Firefox здесь , затем выберите «Разное». -> показать скрытые элементы на этой панели инструментов. Это заставит появиться все скрытые элементы.

Непечатаемый [ править ]

Можно исключить контент из печати (если браузер поддерживает CSS), объявив контент классом noprint:

<div class = "someclass noprint"> Это не будет отображаться в версии для печати. ​​</div>

Блоки основных стилей [ править ]

Аннотированный снимок экрана рабочего стола с примером статьи , демонстрирующий блоки стилей
  • column-content - общее пространство, на полях которого находится контент.
  • firstHeading - класс тега заголовка вверху каждой страницы
  • contentSub - название вики сразу под основным заголовком, но над основным текстом
  • content - белый фон с тонкими рамками, в котором находится основная часть страницы.
  • bodyContent - содержимое главной страницы в поле содержимого

Класс портлета - это стиль, используемый всеми блоками div вокруг основного содержимого. Идентифицированные блоки, использующие этот класс:

  • p-cactions - идентификатор списка вкладок, связанных со страницей, над основным контентом (страница, обсуждение, редактирование и т. д.), top.
  • p-personal - id для списка связанных с пользователем ссылок над основным контентом (имя пользователя, обсуждение и т. д.), вверху.
  • p-logo - идентификатор блока, содержащего логотип, вверху слева.
  • p-navigation - идентификатор блока, который содержит навигационные ссылки в левой части страницы
  • p-search - блок, содержащий кнопки поиска
  • p-tb - блок, содержащий ссылки на панель инструментов
  • p-lang - блок, содержащий межъязыковые ссылки

Нижний колонтитул внизу страницы включает блоки со следующими идентификаторами

  • нижний колонтитул - общий контейнерный блок нижнего колонтитула
  • f-poweredbyico - изображение, поддерживаемое MediaWiki, которое обычно находится справа от страницы.
  • f-list - идентификатор списка, который содержит все биты текста внизу страницы

Стиль в зависимости от параметра или переменной [ править ]

Класс или идентификатор переменной [ править ]

Класс или идентификатор могут зависеть от результата, созданного шаблоном, или от параметра шаблона, например class = "abc {{{1 | def}}}". Для одного или нескольких возможных имен классов можно определить стиль этого класса. Если класс не определен, он игнорируется, поэтому используется стандартный стиль.

В простейшем случае мы имеем, например, class = "abc {{{1}}}" и определяем класс abcdef. Если значение параметра - def, оно применяется.

Если страница для общего использования имеет смысл только тогда, когда стили определены для определенных классов, тогда они должны быть указаны на странице MediaWiki: Common.css , которая применяется ко всем пользователям и всем скинам , если они не отменены.

Значение параметра переменного стиля [ править ]

Wikitext, который читает

<span style = "display: {{{3 | none}}}"> ср </span>

будет отображать «среда», если параметр 3 определен, но его значение не равно «none», и ничего не отображает, если параметр 3 не определен или «none». Если значение параметра 3 - это стиль отображения, отличный от «none», применяется этот стиль.

Заголовки вики [ править ]

Заголовки вики используют следующий CSS по умолчанию:

WikimarkupHTMLСтиль
= Heading =<h1>
цвет :  # 000000 ;  фон :  нет ;  переполнение :  скрыто ;  разрыв страницы после :  избегать ;  размер шрифта :  1 . 8em ;  семейство шрифтов :  'Linux Libertine' , Georgia , Times , serif ;  маржа сверху :  1em ;  нижнее поле :  0 . 25em ;  высота строки :  1 . 3 ;  обивка : 0; border-bottom: 1px solid #AAAAAA;
== Heading ==<h2>
цвет :  # 000000 ;  фон :  нет ;  переполнение :  скрыто ;  разрыв страницы после :  избегать ;  размер шрифта :  1 . 5em ;  семейство шрифтов :  'Linux Libertine' , Georgia , Times , serif ;  маржа сверху :  1em ;  нижнее поле :  0 . 25em ;  высота строки :  1 . 3 ;  обивка : 0; border-bottom: 1px solid #AAAAAA;
=== Heading ===<h3>
цвет :  # 000000 ;  фон :  нет ;  переполнение :  скрыто ;  разрыв страницы после :  избегать ;  размер шрифта :  1 . 2em ;  font-weight :  жирный ;  маржа сверху :  0 . 3em ;  нижнее поле :  0 ;  высота строки :  1 . 6 ;  обивка-верх :  0 . 5em ;  обивка-дно : 0 ;
==== Heading ====<h4>
цвет :  # 000000 ;  фон :  нет ;  переполнение :  скрыто ;  разрыв страницы после :  избегать ;  размер шрифта :  100 %;  font-weight :  жирный ;  маржа сверху :  0 . 3em ;  нижнее поле :  0 ;  высота строки :  1 . 6 ;  обивка-верх :  0 . 5em ;  padding-bottom :  0 ;
===== Heading =====<h5>
цвет :  # 000000 ;  фон :  нет ;  переполнение :  скрыто ;  разрыв страницы после :  избегать ;  размер шрифта :  100 %;  font-weight :  жирный ;  маржа сверху :  0 . 3em ;  нижнее поле :  0 ;  высота строки :  1 . 6 ;  обивка-верх :  0 . 5em ;  padding-bottom :  0 ;
====== Heading ======<h6>
цвет :  # 000000 ;  фон :  нет ;  переполнение :  скрыто ;  разрыв страницы после :  избегать ;  размер шрифта :  100 %;  font-weight :  жирный ;  маржа сверху :  0 . 3em ;  нижнее поле :  0 ;  высота строки :  1 . 6 ;  обивка-верх :  0 . 5em ;  padding-bottom :  0 ;

См. Также [ править ]

  • Span и div
  • Каскадные таблицы стилей - статья по CSS
  • Википедия: настройка - также охватывает имена пользователей, настройки предпочтений, скины, пользовательские сценарии и т. Д.
  • Справка: Пользовательский стиль - изменение стиля для доступности или для дополнительного тестирования функций.
  • Википедия: TemplateStyles - изменение стиля для улучшенного внешнего вида, которое можно применить с шаблоном.
  • Википедия: Каталог классов CSS - список классов, глобально определенных на сайте
  • Википедия: Микроформаты / классы WikiProject - список классов, используемых в микроформатах, используемых в Википедии.
  • Справка: Пользовательский CSS для моноширинного шрифта кодирования - как для окна редактирования, так и для отображения моноширинных элементов, например<code>
  • meta: Справка: Cascading_style_sheets
  • mw: Руководство: CSS и mw: Руководство: Интерфейс / Таблицы стилей
  • mw: Галерея пользовательских стилей
  • m: Настройка: Объяснение скинов
  • mw: Кожаные проекты