WikiDer > Yordam: Cascading Style Sheets - Vikipediya

Help:Cascading Style Sheets - Wikipedia

Kaskadli jadvallar sahifani egiluvchan formatlashga imkon bering. Ular o'rniga ishlatilishi kerak jadvallar iloji boricha jadval bo'lmagan tarkib uchun, chunki ular bo'lishi mumkin o'quvchi tomonidan manipulyatsiya qilingan yoki CSS boshqa sahifaga kiritilgan bo'lsa, muallif tomonidan bekor qilingan shablon.

CSS sozlamalari darajasi

Stil tarkib uchun maxsus tanlanishi mumkin, masalan: rang; parametrlar doirasi

Shu bilan bir qatorda, uslub CSS selektorlari uchun, elementlar, sinflar va idlar ko'rinishida ifodalangan. Bu turli darajalarda amalga oshiriladi:

Muallif uslubiy jadvallari quyidagi tartibda:

Izoh: Qarang WP: SINF yuklangan barcha uslublar jadvallari ro'yxati uchun.

MediaWiki-ning asosiy uslublar jadvallari

Teriga: MediaWiki qo'llanmasi: foydalanuvchi uslublari galereyasi va boshqalar. Odatda yuklangan uslublar jadvallari:

Teriga xos asosiy fayl

masalan. monobook / main.css (kompyuter uchun normal teri), civciv / main.css (qo'llar uchun oddiy teri)

Brauzerga tegishli tuzatishlar (shuningdek, teriga xos)

Monobook uchun misollar:

Sayt bo'ylab uslublar jadvallari

Izoh: Ingliz Vikipediyasidan tashqari MediaWiki saytlaridan foydalanishi mumkin MediaWiki: Gadget-site.css MediaWiki o'rniga: Common.css.

Sahifaga xos uslublar jadvallari

Sahifalarga xos uslublar jadvallari orqali tanishish mumkin TemplateStyles. Sahifalarda, xususan shablonlarda, shuningdek, ichki CSS bo'lishi mumkin.

Ba'zi sahifalar o'zlarining CSS-lariga ega, masalan. MediaWiki: FileUploadWizard.css

Foydalanuvchilarga xos uslublar jadvallari

E'tibor bering, CSS terminologiyasida foydalanuvchiga xos uslublar jadvallari mavjud emas foydalanuvchi uslublar jadvallari.

Foydalanish

HTML elementi faqat vikitekstdan olinishi mumkin (qarang HTML vikitekstda), masalan. span yoki vikitekstni tarjima qilish natijasi, masalan. The ''' kod yoki terining kodining bir qismiga o'zgartirildi.

Sinf dasturiy ta'minot tomonidan ishlab chiqarilishi mumkin, masalan. ns-ism maydoni HTML-element "tanasi" uchun va sahifaning asosiy qismidagi interviki havolasi uchun extyw yoki vikitekstdan olingan.

Xuddi shunday id dasturiy ta'minot tomonidan ishlab chiqarilishi mumkin, masalan. bodyContent yoki vikitekstdan olingan.

Tarkibning bir-biriga zid uslubi sozlamalarida, natijada sozlama birinchi navbatda "! Muhim" ko'rsatkichiga bog'liq. Ikkinchidan, agar ikkalasi ham muhim bo'lsa, foydalanuvchi g'alaba qozonadi, agar bo'lmasa, muallif g'olib chiqadi. Uchinchidan, bu o'ziga xos xususiyatga bog'liq. Faqat oxir-oqibat, bu uslublar jadvallari orasidagi va ichidagi tartibga bog'liq: oxirgi g'alaba. Shunday qilib foydalanuvchi:foydalanuvchi nomi/monobook.css MediaWiki-dan g'olib chiqmaydi: ikkinchisining o'ziga xosligi ko'proq bo'lsa, Monobook.css (ikkalasi ham muallif, foydalanuvchi emas). Shuningdek qarang kaskad.

Qo'llab-quvvatlanadigan elementlar

MediaWiki url () atributi kabi istisnolardan tashqari ko'pgina CSS-ni qo'llab-quvvatlaydi. Oldingi versiyalarida CSS-ni qo'llab-quvvatlashda ba'zi xatolar mavjud edi.

Qo'shimcha ma'lumotlar: the Kaskadli jadvallar 2-darajali Revision 1 (CSS 2.1) spetsifikatsiyasi

CSS vikitekstda

Siz o'zingizning kodingizda HTML elementlarida CSS uslubini ishlatishingiz mumkin (qarang Yordam: Vikipediyada HTML MediaWiki tomonidan qo'llab-quvvatlanadigan elementlarning ro'yxati uchun) odatdagi HTML formatida bo'lgani kabi.

Masalan, yashil chegarasi bo'lgan

elementi va uning tarkibi o'ng tomonga suzadi

<div uslubi="suzuvchi: o'ng; chegara: ingichka qattiq yashil;">Mana bu qisqa xatboshi<br />"div" elementida mavjud<br />o'ng tomonga suzib ketdi.</div>

Mana bu qisqa xatboshi
"div" elementida mavjud
o'ng tomonga suzib ketdi.

Ba'zi vikitekst elementlari to'g'ridan-to'g'ri ularga CSS uslublarini qo'shishga imkon beradi. Masalan, jadval sintaksisi:

{| style = "your style here" | - | stolingizdagi narsalar |}
Qo'shimcha ma'lumotlar: Yordam: jadvallar

MediaWiki mavjud uslublar

MediaWiki yoki siz tashrif buyurgan sayt tomonidan oldindan belgilab qo'yilgan uslub turidan foydalanishni xohlashingiz mumkin. Siz o'zingizning sahifangizga xos uslubni ham yaratishingiz mumkin.

Vektor - bu standart uslub, uni quyidagi manzilda ko'rishingiz mumkin: MediaWiki: Vector.css

Siz CSS yorlig'ingizga mavjud bo'lgan "sinf" berasiz

Iltimos, mavjud sinflar ro'yxatini bu erga qo'ying.

Maslahatlar va fokuslar

Ko'rsatilmagan

O'rnatilgan sahifada sharhlarni bitta versiyada yashirish va ularni boshqa ko'rinishda ko'rsatish mumkin. Matn uchun bitta "uslub" uni ko'rsatmaydi,

.sinf nomi {displey: yo'q} #id {displey: yo'q}

va boshqalar.

Ko'rsatilmagan havolalar ishlamaydi (juda kichik shriftdagi havolalardan farqli o'laroq).

Shablon nomlari, parametr nomlari, parametr qiymatlari, havolalardagi sahifa nomlari va boshqalar uchun iboralardagi matnni o'chirish uchun foydalanib bo'lmaydi.

Yashirin matnni ko'rish uchun Firefox uchun veb-dasturchilar uchun asboblar panelini yuklab oling Bu yerga, so'ngra Boshqani tanlang. -> ushbu asboblar panelidagi maxfiy elementlarni ko'rsatish. Bu barcha yashirin elementlarning paydo bo'lishiga olib keladi.

Bosma bo'lmagan

Tarkibni "noprint" sinfiga tegishli deb e'lon qilish orqali (agar brauzer CSS-ni qo'llab-quvvatlasa), tarkibni chop etishdan chiqarib tashlash mumkin:

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

Asosiy uslub bloklari

Izohli ish stoli skrinshoti misol maqola, uslublar bloklarini namoyish etish
  • ustunli tarkib - tarkibida mavjud bo'lgan umumiy bo'shliq.
  • birinchi navbatda - har bir sahifaning yuqori qismida sarlavha yorlig'i klassi
  • contentSub - viki nomi darhol asosiy sarlavha ostida, lekin asosiy matn ostida
  • tarkib - oq fon, asosiy sahifa tarkibini o'z ichiga olgan ingichka chekka quti.
  • tana tarkibi - kontent qutisidagi asosiy sahifa tarkibi

Portlet sinfi - bu asosiy tarkib atrofidagi barcha div bloklari foydalanadigan uslub. Ushbu sinfdan foydalangan holda aniqlangan bloklar:

  • p-kaktikatsiyalar - asosiy tarkib (sahifa, munozara, tahrirlash va hk) ustidagi sahifalarga tegishli yorliqlar ro'yxati uchun id, yuqori qism.
  • p-shaxsiy - asosiy tarkibdan yuqoridagi foydalanuvchi bilan bog'liq havolalar ro'yxati uchun id (foydalanuvchi nomi, munozara va boshqalar), yuqoridan.
  • p-logotipi - logotipni o'z ichiga olgan blok uchun id, yuqori chapda.
  • p-navigatsiya - sahifaning chap qismidagi navigatsiya havolalarini o'z ichiga olgan blok uchun id
  • p-qidirish - qidirish tugmachalarini o'z ichiga olgan blok
  • p-tb - asboblar qutisi havolalarini o'z ichiga olgan blok
  • p-lang - tillararo aloqalarni o'z ichiga olgan blok

Sahifaning pastki qismidagi altbilgida quyidagi identifikatorlarga ega bloklar mavjud

  • altbilgi - umumiy altbilgi konteyner bloki
  • f-poweredbyico - odatda sahifaning o'ng tomonida joylashgan MediaWiki tasviri
  • f-ro'yxat - sahifaning pastki qismidagi barcha bitlarni o'z ichiga olgan ro'yxat uchun id

Parametr yoki o'zgaruvchiga qarab uslub

O'zgaruvchan sinf yoki id

Sinf yoki id shablon tomonidan ishlab chiqarilgan natijaga yoki shablon parametriga bog'liq bo'lishi mumkin, masalan. class = "abc {{{{1 | def}}}". Bir yoki bir nechta mumkin bo'lgan sinf nomlari uchun ushbu sinfning uslubini aniqlash mumkin. Agar sinf aniqlanmagan bo'lsa, unga e'tibor berilmaydi, shuning uchun standart uslub ishlatiladi.

Eng oddiy holatda bizda masalan. class = "abc {{{1}}}" va abcdef sinfini belgilang. Agar parametr qiymati "def" bo'lsa, u amal qiladi.

Agar umumiy foydalanish uchun sahifa faqat ma'lum sinflar uchun uslublar aniqlanganda mantiqiy bo'lsa, unda sahifada ko'rsatilishi kerak MediaWiki: Common.css, bu bekor qilinmaguncha, barcha foydalanuvchilar va barcha terilar uchun amal qiladi.

O'zgaruvchan uslub parametr qiymati

O'qiladigan Vikiteks

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

agar parametr 3 aniqlangan bo'lsa, "Wed" ko'rsatiladi, ammo uning qiymati "yo'q" emas, agar parametr 3 aniqlanmagan yoki "yo'q" bo'lsa, hech narsani ko'rsatmaydi. Agar 3-parametr qiymati "yo'q" dan tashqari namoyish uslubi bo'lsa, u uslub qo'llaniladi.

Wiki sarlavhalari

Wiki sarlavhalari quyidagi standart CSS-dan foydalanadi:

VikimarkupHTMLUslub
= Sarlavha =<h1>
rang: #000000; fon: yo'q; toshib ketish: yashirin; tanaffusdan keyin: qochmoq; shrift hajmi: 1.8em; shrift-oilaviy: 'Linux Libertine',Gruziya,Times,serif; margin-top: 1em; chekka-pastki: 0.25em; chiziq balandligi: 1.3; to'ldirish: 0; chegara-pastki: 1 piksel qattiq #AAAAAA;
== Sarlavha ==<h2>
rang: #000000; fon: yo'q; toshib ketish: yashirin; tanaffusdan keyin: qochmoq; shrift hajmi: 1.5em; shrift-oilaviy: 'Linux Libertine',Gruziya,Times,serif; margin-top: 1em; chekka-pastki: 0.25em; chiziq balandligi: 1.3; to'ldirish: 0; chegara-pastki: 1 piksel qattiq #AAAAAA;
=== Sarlavha ===<h3>
rang: #000000; fon: yo'q; toshib ketish: yashirin; tanaffusdan keyin: qochmoq; shrift hajmi: 1.2em; shrift og'irligi: qalin; margin-top: 0.3em; chekka-pastki: 0; chiziq balandligi: 1.6; plomba-tepa: 0.5em; to'ldirish-pastki: 0;
==== Sarlavha ====<h4>
rang: #000000; fon: yo'q; toshib ketish: yashirin; tanaffusdan keyin: qochmoq; shrift hajmi: 100%; shrift og'irligi: qalin; margin-top: 0.3em; chekka-pastki: 0; chiziq balandligi: 1.6; plomba-tepa: 0.5em; to'ldirish-pastki: 0;
===== Sarlavha =====<h5>
rang: #000000; fon: yo'q; toshib ketish: yashirin; tanaffusdan keyin: qochmoq; shrift hajmi: 100%; shrift og'irligi: qalin; margin-top: 0.3em; chekka-pastki: 0; chiziq balandligi: 1.6; plomba-tepa: 0.5em; to'ldirish-pastki: 0;
====== Sarlavha ======<h6>
rang: #000000; fon: yo'q; toshib ketish: yashirin; tanaffusdan keyin: qochmoq; shrift hajmi: 100%; shrift og'irligi: qalin; margin-top: 0.3em; chekka-pastki: 0; chiziq balandligi: 1.6; plomba-tepa: 0.5em; to'ldirish-pastki: 0;

Shuningdek qarang