WikiDer > Справка: каскадные таблицы стилей - Википедия

Help:Cascading Style Sheets - Wikipedia

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

Уровни настроек CSS

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

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

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

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

Основные таблицы стилей MediaWiki

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

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

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

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

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

Таблицы стилей для всего сайта

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

Таблицы стилей для конкретных страниц

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

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

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

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

использование

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

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

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

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

Поддерживаемые элементы

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

Дополнительная информация: Спецификация каскадных таблиц стилей, уровень 2, редакция 1 (CSS 2.1)

CSS в викитексте

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

Например, элемент

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

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

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

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

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

Существующие стили MediaWiki

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

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

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

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

Секреты и уловки

Без отображения

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

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

и Т. Д.

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

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

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

Без печати

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

<div class="someclass noprint">This will not appear in the print version.</div>

Блоки основных стилей

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

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

  • p-реакции - id для списка вкладок, связанных со страницей, над основным контентом (страница, обсуждение, редактирование и т. Д.), Вверху.
  • р-личный - id для списка связанных с пользователем ссылок над основным контентом (имя пользователя, обсуждение и т. Д.), Вверху.
  • p-логотип - id блока, содержащего логотип, вверху слева.
  • p-навигация - id блока, содержащего навигационные ссылки в левой части страницы
  • p-поиск - блок, содержащий кнопки поиска
  • п-тб - блок, содержащий ссылки на панель инструментов
  • p-lang - блок, содержащий межъязыковые ссылки

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

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

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

Переменный класс или идентификатор

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

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

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

Значение параметра переменного стиля

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

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

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

Заголовки вики

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

WikimarkupHTMLСтиль
= Заголовок =<h1>
цвет: #000000; фон: никто; переполнение: скрытый; разрыв страницы после: избегать; размер шрифта: 1.8em; семейство шрифтов: "Linux Libertine",Грузия,Раз,засечки; верхняя граница: 1em; край-низ: 0.25em; высота линии: 1.3; набивка: 0; нижняя граница: 1px твердый #AAAAAA;
== Заголовок ==<h2>
цвет: #000000; фон: никто; переполнение: скрытый; разрыв страницы после: избегать; размер шрифта: 1.5em; семейство шрифтов: "Linux Libertine",Грузия,Раз,засечки; верхняя граница: 1em; край-низ: 0.25em; высота линии: 1.3; набивка: 0; нижняя граница: 1px твердый #AAAAAA;
=== Заголовок ===<h3>
цвет: #000000; фон: никто; переполнение: скрытый; разрыв страницы после: избегать; размер шрифта: 1.2em; font-weight: смелый; верхняя граница: 0.3em; край-низ: 0; высота линии: 1.6; обивка: 0.5em; обивка-дно: 0;
==== Заголовок ====<h4>
цвет: #000000; фон: никто; переполнение: скрытый; разрыв страницы после: избегать; размер шрифта: 100%; font-weight: смелый; верхняя граница: 0.3em; край-низ: 0; высота линии: 1.6; обивка: 0.5em; обивка-дно: 0;
===== Заголовок =====<h5>
цвет: #000000; фон: никто; переполнение: скрытый; разрыв страницы после: избегать; размер шрифта: 100%; font-weight: смелый; верхняя граница: 0.3em; край-низ: 0; высота линии: 1.6; обивка: 0.5em; обивка-дно: 0;
====== Заголовок ======<h6>
цвет: #000000; фон: никто; переполнение: скрытый; разрыв страницы после: избегать; размер шрифта: 100%; font-weight: смелый; верхняя граница: 0.3em; край-низ: 0; высота линии: 1.6; обивка: 0.5em; обивка-дно: 0;

Смотрите также