WikiDer > Анықтама: Каскадтық стильдер кестесі - Википедия

Help:Cascading Style Sheets - Wikipedia

Каскадтық стиль парақтары парақтың икемді пішімделуіне мүмкіндік беру. Оларды пайдалану керек кестелер мүмкіндігінше кестелік емес мазмұн үшін, өйткені олар мүмкін оқырман басқарады немесе егер сіздің CSS а арқылы басқа параққа ендірілген болса, автор оны жоққа шығарады шаблон.

CSS параметрлерінің деңгейлері

Мазмұн үшін стиль арнайы таңдалуы мүмкін, мысалы қараңыз. түс; параметрлер ауқымы

Сонымен қатар, стиль элементтер, кластар және идентификаторлар түрінде көрсетілген CSS селекторларына арналған. Бұл әр түрлі деңгейде жасалады:

Авторлық стильдер осы тәртіпте:

Ескерту: қараңыз WP: СЫНЫП жүктелген барлық стильдер тізімі үшін.

MediaWiki негізгі стилі

Бір теріге: MediaWiki нұсқаулығы: пайдаланушы стильдерінің галереясы және т.с.с. Әдетте жүктелген стиль кестелері:

Мұқабаға арналған негізгі файл

мысалы monobook / main.css (ДК үшін қалыпты тері), балапан / main.css (қолдар үшін қалыпты тері)

Браузерге қатысты түзетулер (терісіне де тән)

Монобукке мысалдар:

Жалпы сайт стилі

Ескерту: Ағылшын Уикипедиясынан басқа MediaWiki сайттары қолданылуы мүмкін MediaWiki: Gadget-site.css MediaWiki орнына: Common.css.

Параққа арналған стиль кестелері

Параққа арналған стиль кестелері арқылы енгізілуі мүмкін TemplateStyles. Беттерде, әсіресе шаблондарда кірістірілген CSS болуы мүмкін.

Кейбір беттерде өздерінің CSS бар, мысалы. MediaWiki: FileUploadWizard.css

Пайдаланушыға арналған стиль кестелері

  • Барлық мұқабаларға арналған ғаламдық қолданушыға арналған: мета: Арнайы: MyPage / global.css
  • Барлық мұқабаларға арналған қолданушыға арналған: Арнайы: MyPage / common.css
  • Бір теріге арналған қолданушыға тән: мысалы. Арнайы: MyPage / vector.css, немесе Арнайы: MyPage / skin.css сіздің қазіргі теріңіз үшін
  • JavaScript арқылы жүктелген пайдаланушыға арналған CSS, мысалы. жүктелген Арнайы: MyPage / common.js
  • Интернетке арналған браузерге арналған арнайы параметрлер: браузер параметрлерінде айтылған немесе тікелей шолғышта орнатылған жергілікті файл

CSS терминологиясында қолданушыға арналған стильдер кестесі болатынын ескеріңіз емес қолданушы стилі.

Пайдалану

HTML элементін тек викитекстен алуға болады (қараңыз) HTML викитексте), мысалы. аралық, немесе викитексті аудару нәтижесі, мысалы. The ''' код немесе теріге арналған кодтың бір бөлігі болып өзгертілді.

Сыныпты бағдарламалық жасақтама шығаруы мүмкін, мысалы. нс-атау нөмірі HTML элементі үшін «дене», ал парақтың негізгі бөлігіндегі интервики сілтемесі үшін немесе викитексттен алынған.

Осындай идентификаторды бағдарламалық жасақтама шығаруы мүмкін, мысалы. bodyContent немесе викитекстен алынған.

Мазмұнға арналған стиль параметрлері қайшылықты болған жағдайда, нәтиже ең алдымен «! Маңызды» белгісіне байланысты болады. Екіншіден, егер екеуі де маңызды болса, пайдаланушы жеңеді, егер олай болмаса, автор жеңеді. Үшіншіден, бұл ерекшелікке байланысты. Ақыр соңында, бұл стиль кестелері арасындағы және ішіндегі тәртіпке байланысты: соңғы жеңеді. Осылайша, пайдаланушы:пайдаланушы аты/monobook.css MediaWiki-ден ұтпайды: Monobook.css (екеуі де автор, пайдаланушы емес), егер соңғысының ерекшелігі үлкен болса. Сондай-ақ қараңыз каскад.

Қолдау көрсетілетін элементтер

MediaWiki url () атрибуты сияқты ерекшеліктерден басқа CSS-тің көпшілігін қолдайды. Алдыңғы нұсқаларда CSS қолдауында кейбір қателер болды.

Қосымша ақпарат: Каскадтық стильдер кестесінің 2-деңгейі, 1-нұсқаны қайта қарау (CSS 2.1)

CSS викитексте

Сіз өзіңіздің кодыңыздағы HTML элементтерінде CSS стилін қолдана аласыз (қараңыз) Анықтама: HTML викитексте әдеттегі HTML түзетулеріндегідей MediaWiki) қолдайтын элементтер тізімі үшін.

Мысалы, жасыл шекарасы бар

элементі және оның мазмұны оңға қалқымалы болады

<див стиль=«қалтқы: оң; шекара: жіңішке қатты жасыл;»>Мұнда қысқа абзац бар<br />құрамында «div» элементі бар<br />оңға қарай жүзді.</див>

Мұнда қысқа абзац бар
құрамында «div» элементі бар
оңға қарай жүзді.

Кейбір викитекст элементтері оларға CSS стилін тікелей кірістіруге мүмкіндік береді. Мысал ретінде кестенің синтаксисін келтіруге болады:

{| style = «your style here» | - | сіздің үстел заттарыңыз |}
Қосымша ақпарат: Анықтама: Кестелер

MediaWiki бар стильдер

МедиаВики немесе сіз кіріп отырған сайт алдын ала анықтаған стиль түрін пайдаланғыңыз келуі мүмкін. Сіз өзіңіздің парағыңызға ғана тән стиль жасай аласыз.

Вектор - әдепкі стиль, оны мына сілтеме бойынша көруге болады: MediaWiki: Vector.css

Сіз өзіңіздің CSS тегіңізге бұрыннан бар «класс» бересіз

Бар сабақтардың тізімін осында орналастырыңыз.

Кеңестер мен тәсілдер

Көрсетілмейді

Енгізілген бетте түсініктемелерді бір нұсқада жасырып, оларды басқа көріністе көрсетуге болады. Текст үшін бір «стиль» оны көрсетпейді,

.сынып аты {дисплей: жоқ} #идентификатор {дисплей: жоқ}

т.б.

Көрсетілмеген сілтемелер жұмыс істемейді (өте кішкентай қаріптегі сілтемелерге қарағанда).

Оны шаблон атаулары, параметр атаулары, параметр мәндері, сілтемелердегі бет атаулары және т.б. өрнектердегі мәтінді жою үшін қолдануға болмайды.

Жасырын мәтінді көру үшін Firefox-қа арналған веб-әзірлеуші ​​құралдар тақтасын жүктеп алыңыз МұндаӘрі қарай таңдаңыз. -> сол құралдар тақтасында жасырын элементтерді көрсету. Бұл барлық жасырын элементтердің пайда болуына әкеледі.

Баспадан тыс

Мазмұнды «noprint» сыныбы деп жариялау арқылы (егер браузер CSS-ті қолдайтын болса), мазмұнды баспаға шығаруға болмайды:

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

Негізгі стиль блоктары

Түсіндірме жұмыс үстелінің скриншоты мысал мақала, стиль блоктарын көрсету
  • баған-мазмұн - мазмұны бар шеттердегі жалпы кеңістік.
  • бірінші - әр парақтың жоғарғы жағындағы тақырыптың класы
  • contentSub - негізгі тақырыптың астында, бірақ негізгі мәтіннің үстінде вики атауы
  • мазмұны - ақ парақ, негізгі бет мазмұнын қамтитын жиектелген жіңішке қорап.
  • дене мазмұны - мазмұн терезесіндегі негізгі бет мазмұны

Портлет класы - бұл негізгі мазмұнның айналасындағы барлық div блоктары қолданатын стиль. Осы сыныпты қолдана отырып анықталған блоктар:

  • р-кактостар - негізгі мазмұннан жоғары бетке қатысты қойындылар тізімінің идентификаторы (бет, талқылау, редакциялау және т.б.), жоғарғы жағы.
  • p-жеке - негізгі мазмұннан жоғары пайдаланушыға қатысты сілтемелер тізімінің идентификаторы (пайдаланушы аты, сөйлесу және т.б.), жоғарғы жағы.
  • p-логотип - логотипі бар блок үшін идентификатор, жоғарғы сол жақта.
  • p-навигация - парақтың сол жағында шарлау сілтемелері бар блок үшін идентификатор
  • p-іздеу - іздеу батырмалары бар блок
  • p-tb - құралдар жинағы сілтемелері бар блок
  • p-lang - тілдік сілтемелерді қамтитын блок

Беттің төменгі жағындағы төменгі колонтитулға келесі идентификаторлары бар блоктар кіреді

  • колонтитул - төменгі колонтитулдың жалпы блогы
  • f-poweredbyico - әдетте парақтың оң жағында орналасқан MediaWiki кескіні
  • f-тізім - парақтың төменгі жағында мәтіннің барлық биттері бар тізім үшін идентификатор

Параметрге немесе айнымалыға байланысты стиль

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

Класс немесе идентификатор шаблон жасаған нәтижеге немесе шаблон параметріне тәуелді болуы мүмкін, мысалы. class = «abc {{{1 | def}}}». Мүмкін болатын сынып атауларының біреуі немесе бірнешеуі үшін осы сыныптың стилін анықтауға болады. Егер сынып анықталмаған болса, ол еленбейді, сондықтан стандартты стиль қолданылады.

Қарапайым жағдайда бізде мыс. class = «abc {{{1}}}» және abcdef класын анықтаңыз. Егер параметр мәні «def» болса, ол қолданылады.

Егер жалпы қолдануға арналған парақ белгілі бір кластар үшін стильдер анықталған кезде ғана мағыналы болса, онда олар парақта көрсетілуі керек MediaWiki: Common.css, бұл барлық қолданушыларға және барлық мұқабаларға қатысты, бұл анықталмаған.

Айнымалы мән параметрінің мәні

Оқылатын Викитекст

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

егер параметр 3 анықталса, «сәрсенбі» көрсетіледі, бірақ оның мәні «жоқ» емес, ал егер параметр 3 анықталмаған болса немесе «жоқ» болса, ешнәрсе көрсетпейді. Егер 3-параметр мәні «жоқ» -тан басқа дисплей мәнері болса, онда сол мәнер қолданылады.

Уики айдары

Уики тақырыптары келесі әдепкі CSS-ті қолданады:

УикимаркупHTMLСтиль
= Тақырып =<h1>
түс: #000000; фон: жоқ; толып кету: жасырын; бет үзілісі: болдырмау; қаріп өлшемі: 1.8em; қаріптер тобы: 'Linux Libertine',Грузия,Times,serif; жоғарғы жиек: 1em; шеткі-төменгі: 0.25em; сызық биіктігі: 1.3; төсеу: 0; шекара-төменгі: 1px қатты #ААААА;
== Тақырып ==<h2>
түс: #000000; фон: жоқ; толып кету: жасырын; бет үзілісі: болдырмау; қаріп өлшемі: 1.5em; қаріптер тобы: 'Linux Libertine',Грузия,Times,serif; жоғарғы жиек: 1em; шеткі-төменгі: 0.25em; сызық биіктігі: 1.3; төсеу: 0; шекара-төменгі: 1px қатты #ААААА;
=== Тақырып ===<h3>
түс: #000000; фон: жоқ; толып кету: жасырын; бет үзілісі: болдырмау; қаріп өлшемі: 1.2em; қаріп салмағы: батыл; жоғарғы жиек: 0.3em; шеткі-төменгі: 0; сызық биіктігі: 1.6; төсеніш: 0.5em; төсеу-төменгі: 0;
==== Тақырып ====<h4>
түс: #000000; фон: жоқ; толып кету: жасырын; бет үзілісі: болдырмау; қаріп өлшемі: 100%; қаріп салмағы: батыл; жоғарғы жиек: 0.3em; шеткі-төменгі: 0; сызық биіктігі: 1.6; төсеніш: 0.5em; төсеу-төменгі: 0;
===== Айдар =====<h5>
түс: #000000; фон: жоқ; толып кету: жасырын; бет үзілісі: болдырмау; қаріп өлшемі: 100%; қаріп салмағы: батыл; жоғарғы жиек: 0.3em; шеткі-төменгі: 0; сызық биіктігі: 1.6; төсеніш: 0.5em; төсеу-төменгі: 0;
====== Айдар ======<h6>
түс: #000000; фон: жоқ; толып кету: жасырын; бет үзілісі: болдырмау; қаріп өлшемі: 100%; қаріп салмағы: батыл; жоғарғы жиек: 0.3em; шеткі-төменгі: 0; сызық биіктігі: 1.6; төсеніш: 0.5em; төсеу-төменгі: 0;

Сондай-ақ қараңыз