CSS oldin - asl, qulay, amaliy

Psevdo-elementlar va psevdo-sinflar CSS: oldin, keyin, tomosha, faol, va hokazo - ochiq-oydin kuni JavaScript-işleyicisi, kodi, shu jumladan, balki ijro sayt, sifatini yaxshilash va soddalashtirish samarali imkoniyat reaktsiya dizaynlar, elementlar tadbirlar, suhbatlar va mehmonga harakatlari bir murakkab talab qilmaydi.

muammosiz, e'tiborini to'g'ri joyda, bir maslahat olish keltirish uchun zarur bo'lgan harakatlar oydinlik qanday original: funktsional,, soxta qulay, oddiy va murakkab mualliflik skovorodka uchun muhim va ko'p tanlov xususiyatlarga ega.

Buyuk istiqbollari so'zda mazmunidan ko'rsatilgan url () oching. Albatta, bu variant sahifaga download hech narsa jihatidan ham, yangi ufqlar ochib beradi va har bir joyda bir narsani iloji faollashtirish

so'zda o'ziga xos xususiyati

So'zda (:: CSS oldin, :: keyin) dastlab hujjat daraxti mavjud bo'lmagan elementlar, sinchkovlik va psevdo-sinflar farq. Balki, amalda u, ayniqsa, muhim emas, lekin biz sayt kontentni joylashtirish savol o'ylab bo'lsangiz, mantiqiy emas qidiruvi uchun mazmunli mazmuni mulkini ishonch.

So'zda :: CSS beradi oldin siz keyin :: element tarkib qo'shish va - keyin. Mundarija oddiy CSS xususiyatlari jihatidan murakkab formatlash uchun matn, lekin hech qanday HTML teglar farq qilishi mumkin. oldin va keyin ma'nosi nisbiy va mobil chunki soxta mukammal, ilova qilinadi element, ichiga o'rnatilgan bo'lishi mumkin. Siz faqat o'rnini belgilash, balki registri, mumkin emas ranglar, fon, shrift, va CSS boshqa xususiyatlaridan foydalanish.

As pseudo CSS, oldin va ramzi oldin so'ng ":", lekin CSS3 standart tavsiya «::». Ba'zi brauzerlari yoki versiyalari oddiygina bir alohida so'zda sezmay mumkin ko'proq bo'lishi hech qachon bir sahifada bir alohida foydalanish sinash uchun.

Foydalanish Bosh shartlari

CSS-uslubi varaq Tavsifidan ko'rsatib, class = 'scElement va sahifasiga mazmunini "Element" tasvirlab, masalan, div elementi qo'yib:

.scElement {
POZİSYONU ...;
z-indeksi ...;
...

}

CSS "oldin ::" so'zda va: "tomosha" Agar bir so'zda qo'llash mumkin:

.scElement: hover :: {mundarijaga oldin: «Prefiksli '; rang ...; background-rang ...;}.

Agar so'z "Element" oldin sichqoncha markerni So'ngra qachon harflar va fon rangini o'zgartiradi so'z "prefiksi, paydo bo'ladi.

Tarkib tafovutlar psevdo

scElement - Agar psevdo xususiyatlarini belgilash bo'lmasa, ular asosiy element bir xil bo'ladi. Keyin mazmunini URL belgilang va mumkin: URL ( '/ scBox / RM-v / SC-rights.png') kursor element tasvirni ko'rsatadi qachon. kontent holda: "\ 03B1" matematik paydo ramzi "Alfa", lekin maxsus belgilarni ishlatish: "& nbsp;", " & lt;", "& laquo;", "& raquo;" va boshqalar yo'q - bo'lgani kabi, ular paydo bo'ladi.

, URL (), onaltılık belgilar bir ketma-ketlikni normal "matnni» murojaat: psevdo mazmunini belgilash uchun variantlar ko'p ruxsat ochiq-quote / yaqin-quote yoki hech-ochiq-quote / yo'q-yaqin-quote, va hokazo kabi kontent mutlaq holatda bir ma'lumot bo'lishi mumkin. uslub xususiyatlari orqali, oldin qo'llash orqali, CSS bog'liq bo'lgan uchun element har bir joyda so'zda joylaymiz.

Siz oldin va keyin bir vaqtning o'zida foydalanish birlashtirish mumkin. Shuning uchun, kontent belgilar oldin CSS yordamida joylashtirish, siz, psevdo-sinflar va psevdo-elementlar turli birlashtirib, turli xil effektlarni olishingiz mumkin Shu bilan birga, hatto bitta bayt-kod JavaScript da sarf bo'lmaydi, mehmon hayratga.

so'zda xususiyatlari

ularning belgilar qabul uchun ":" belgi, shuningdek so'zda qarang, ammo, odatda, bilan belgilanadi CSS3 so'zda farqli uchun "::". uni tushunish brauzerlar, har ikki tasviriy sezmagan. yozuvda bo'shliqning tor qayd va soxta (yoki faqat) psevdo birga qayd etilmoqda, yo'l qo'yilmaydi:

scElement: hover :: {mundarijaga oldin: «Prefiksli '; ...}

scElement: faol: {mundarijaga keyin: «suffiksi '; ...}

CSS sayt mazmunan oqar oldin: Bu eslash muhim ahamiyatga ega. Styles sahifaning mazmuni bilan bog'liq emas. Psevdo - mustasno emas. Ular DOM daraxt paydo bo'lmagan va sayt tegishli bo'limlarda ularni ishlatish noqulay - tarkibidagi, ular olmaydi.

Foydalanish "" va "::" mobil platformalari va zamonaviy brauzerlar tomonidan qo'llab-quvvatlanadigan, lekin tez-tez ortiqcha emas katta versiyalari ustida ish tekshirish bo'ladi.

mazmuni psevdo-yo'q sayt mazmuni kiritilgan. Ushbu qidirish motorlar ko'rmaysiz. Bu holat qanday foydalanish - muayyan vaziyatga bog'liq, lekin, shuningdek, mustaqil ravishda, keyin yoki bir kompleksida, oldin CSS foydalanish imkoniyati, mazmun URL qiziqarli bo'lsa (). saytga Ishoratlarni kontent so'zda to'g'ridan-to'g'ri foydalanish, uni, masalan, rasm faylni yuklab olish uchun imkon beradi.

onlayn (Uslublar kaskadli jadvallari fayllar - hech istisno) uslublar fayllarni o'zgartirish qobiliyati shaklda xalaqit va har qanday vaqtda qulay bo'lgani kabi Mehmonning harakatlar qarab, o'ng joy algoritmida, so'zda ishlatish emas.