Ka hor inta CSS - asalka ah, raaxo, wax ku ool ah

Dacayadeed-xubnihii iyo dacayadeed-fasalada CSS: ka hor, ka dib markii, dul istaagin, firfircoon, iwm - fursad wax ku ool ah si loo hagaajiyo tayada iyo fududeeyo goobta dilka, ma ku jiraan code JavaScript-Handler on cad ee, uma baahna adag oo ah naqshado reaction, dhacdooyinka xubno, wada hadal iyo ficil of booqdaha.

Dacayadeed haboon, MFT, leeyihiin guryaha doorasho muhiim ah oo kala duwan oo digsiyada copyright fudud iyo qalafsan, sida asalka ah soo jiidan doonaan dareenka, muuqan caddeeyo tallaabooyinka loo baahan yahay in la keeno si maldahan meel sax ah.

rajada Great furo url markii qeexan () ee ka kooban dacayadeed. Indeed, Doorashadan fureysaa jahooyinka cusub, labadaba marka la eego download bogga waxba, iyo hawshooda u suurto galka ah ee wax meel kasta

feature A ee kala duwan ee dacayadeed

Dacayadeed (:: hor CSS, ka dib markii ::) kala duwan oo ka cunsur, selectors iyo dacayadeed-fasallo ma asal ahaan aan jirin oo geed dokumentiga. Waxaa laga yaabaa in, ku dhaqanka, ma aha muhiimad gaar ah, laakiin haddii aan ka fiirsan su'aasha ah gelinayn content on goobta, aad ku kalsoon tahay hantida content ee wax macno leh for engine search inaysan aheyn wax caqligal ah.

Dacayadeed :: hor CSS kuu ogolaanayaa inaad ku darto content in element ah, oo :: ka dib markii - ka dib. Tusmada qoraalka fudud in formatting adag marka la eego hantida CSS, laakiin ma HTML tags kala duwanaan karaan. Dacayadeed dhammaataan taagan kartaa gudaha element ah, kaas oo ku lifaaqan, maxaa yeelay, macnaha hor iyo ka dib waa qaraabo iyo mobile. Waxaad kaliya ma cayimi kartaa jagada, laakiin sidoo kale tirada, midabada, soo jeeda, noocyada, oo ay isticmaalaan qaababka kale ee CSS.

Sida dacayadeed CSS ah, ka hor iyo ka dib waxaa ka hormarey astaanta ":", laakiin Heerka CSS3 talinayaa "::". Si ay u tijaabiso isticmaalka gaar ah on page a mana jiri doonto in ka badan qaar ka mid ah daalacashada ama versions laga yaabaa in si fudud u ma aragto dacayadeed gaar ah.

Shuruudaha Guud ee Isticmaalka

By u geliya, tus, element QAY tilmaamay class = 'scElement' iyo waxa ku jira "Cunsurka" bogga, taasoo muujinaysa in sheet description CSS-style:

.scElement {
POSITION ...,
z-index ...,
...

}

waxaad codsan kartaa dacayadeed ah ": dul istaagin" dacayadeed iyo ":: hor" CSS:

.scElement: dul istaagin :: hor {content: "Horgalaha '; midabka ..., background-color ...;}.

Markaas marka aad dul istaagin tilmaamaha mouse ka hor erayga "Cunsurka 'muuqan doonaa erayga" Horgalaha', kaas oo beddeli doonaa midab ka mid ah warqado iyo asalka.

kala duwanaansho Content dacayadeed

scElement - Haddii aadan sheeg guryaha dacayadeed, waxay la mid ah sida in of element ugu weyn wuxuu noqon doonaa. Waxaad cayimi kartaa url, ka dibna hantida content: url ( '/ scBox / fuliyaan shirkad-v / SC-rights.png') marka dulqabo muujiso image on element ah. In the case of content: "03B1 \" muuqataa xisaabeed calaamad "Alfa", laakiin ay isticmaalaan characters gaar ah: "& nbsp;", " & Lt;", "& laquo;", "& raquo;" iyo kuwa kale oo aan samayn - waxay lagu soo bandhigi doonaa sida uu yahay.

Oggol badan oo ka mid ah fursadaha ay u sheeg content ee pseudo-: caadiga ah "text", url (), isku xigxiga oo ka mid ah jilayaasha hexadecimal, tixraac: furan quote / dhow-quote, ama ma-furan-quote / no-dhow-quote, iwm Sida laga yaabaa in ay calaamad u yihiin booska buuxda ee ka kooban. iyada oo guryaha style, by codsanaya hor, CSS dhigi doonaa dacayadeed ah meel kasta oo element ah oo ay ku xiran yahay.

Waxaad isku wadi kartaa isticmaalka isku mar ah ka hor iyo ka dib. Sidaa darteed, gelinayn isticmaalaya CSS hor characters content, waxaad ka heli kartaa noocyo kala duwan oo saamayn, isku dacayadeed-fasalo iyo dacayadeed-qaybaha kala duwan, la yaab booqdaha, oo aan faqri waqti isku mid ah xitaa hal byte-code JavaScript.

Maqaallo dacayadeed

Waayo, tilmaamood ay fureen kuway ":" qof, iyo sidoo kale in ay tixraac dacayadeed, laakiin si ka duwan sida caadiga ah dacayadeed CSS3 muujinaysaa by "::". Daalacashada in ay fahmaan, idiinmana dhaadhici labada tilmaamood. Nusqaamaha in lagu qoro lama ogola, string la duubay iyo dacayadeed (ama kaliya) dacayadeed wada duubay:

scElement: dul istaagin :: hor {content: "Horgalaha '; ...}

scElement: firfircoon, ka dib markii {content: 'qadarin ah; ...}

Waxaa muhiim ah in la xasuusto: CSS hor qulqulaya ka content goobta. Hababka aan la xiriira to content ee bogga. Dacayadeed - waa laga reebo lahayn. Iyagu ma ay muuqan oo geed Dom iyo baahnayn inaad ku isticmaasho qaybaha muhiimka ah ee goobta - in content, iyagu ma ay heli doonaan.

Isticmaalka "" iyo "::" waxaa taageera dhufto ee mobile iyo daalacashada casriga ah, laakiin hubi shaqada on versions ka weyn inta badan ma aha kuwo dhiibida.

content ee dacayadeed-kuma jiraan content goobta ee. Ma arki doonaa matoorada raadinta. Sida loo isticmaalo xaalad this - waxay ku xiran tahay xaaladda gaar ah, laakiin waxaa macquul ah ee la isticmaalayo CSS ka hor, iyo sidoo kale ka dib, si madax banaan ama adag oo ah, u xiiso badan marka content waa url ah (). isticmaalka Direct ee dacayadeed ah content sida links goobta, u saamaxayo inuu u soo bixi file ah, tusaale ahaan, sawirka.

Kartida in la beddelo files qaab online (files go'yaal style fatahmaan - marka laga reebo ma jiro) ma faragelin foomka iyo isticmaali dacayadeed sida ku haboon waqti kasta la siiyo, in geynta meesha saxda ah, taas oo ku xidhan falalka booqdaha ee.