Նախքան CSS - բնօրինակից, հարմարավետ, գործնական

Կեղծ տարրերն ու կեղծ դասեր CSS: առջեւ, հետո, Հովեր, ակտիվ, եւ այլն - արդյունավետ հնարավորություն է բարելավել որակը եւ պարզեցնել կատարման կայքը, չեն այդ թվում Javascript- ին-handler օրենսգրքի վրա ակնհայտ է, չեն պահանջում համալիր Արագություն նմուշները, տարրեր միջոցառումներ, երկխոսությունների ու գործողությունները այցելու:

Pseudo հարմար, բազմաֆունկցիոնալ, ունեն զգալի եւ բազմակի ընտրություն հատկությունների համար պարզ եւ բարդ հեղինակային իրավունքի մասին կրակարանները, ինչպես բնօրինակ ուշադրություն, աննշանորեն բացահայտում գործողությունները անհրաժեշտ է բերել ակնարկ է ճիշտ տեղում:

Մեծ հեռանկարներ կբացի, երբ նշված URL- (թ) բովանդակությանը pseudo: Իրոք, այս տարբերակը բացում է նոր հորիզոններ, այնպես էլ առումով ներբեռնման բան, էջում, եւ հնարավոր ակտիվացումը ամեն ինչից ամենուր

Տարբերակիչ առանձնահատկությունն կեղծ

Pseudo (:: առաջ CSS, :: հետո) տարբերվում տարրերի, selectors եւ կեղծ դասերի, որոնք չեն սկզբանե գոյություն փաստաթղթի ծառից. Թերեւս, գործնականում դա հատկապես կարեւոր է, բայց եթե հաշվի առնենք այն հարցին, տեղադրելով բովանդակությունը կայքում, դուք վստահում բովանդակության գույքը բան իմաստալից համար որոնողական չի իմաստ.

Pseudo :: առաջ CSS թույլ է տալիս Ձեզ ավելացնել բովանդակություն տարրի, եւ :: հետո - ից հետո. Բովանդակությունը կարող են տարբեր լինել ից պարզ տեքստի համալիր ֆորմատավորում առումով CSS հատկությունների, բայց առանց HTML թեգերը. Pseudo կարող է կատարելապես դիրքերում ներսում տարր, որը կցվում է, քանի որ իմաստը առաջ եւ հետո ինչ հարաբերական է եւ շարժական. Դուք չեք կարող պարզապես նշեք պաշտոնը, բայց նաեւ չափերի, գույների, backgrounds, տառատեսակներ, եւ օգտագործել այլ հատկանիշները CSS.

Քանի որ կեղծ է CSS, առաջ եւ հետո նախորդում են խորհրդանիշ ":", բայց CSS3 ստանդարտ խորհուրդ է »::»: Փորձարկել որոշակի օգտագործման վրա էջում երբեք չի լինի ավելի, քան որոշ դիտարկիչներ կամ վարկածներ կարող են պարզապես չի նկատում որոշակի կեղծ:

Ընդհանուր Պայմաններ

Դնելով, օրինակ, div տարր նկարագրելով class = 'scElement' եւ բովանդակությունը «Element» է էջը, նշելով CSS ոճի թերթ նկարագրությունը:

.scElement {
Ի ԴԻՐՔՈՐՈՇՈՒՄԸ ...;
z-ցուցանիշը ...;
...

}

Դուք կարող եք դիմել կեղծ ": Հովեր» կեղծ եւ «`: առաջ" CSS:

.scElement: Հովեր :: մինչեւ {բովանդակությամբ 'նախածանցով.'; գույնի ...; Ֆոնի գույնը ...;}.

Հետո, երբ դուք սավառնել մկնիկի սլաքի բառից առաջ «Element» կհայտնվի բառը նախածանց ', որը կարող է փոխել գույնը նամակների եւ հետին պլան:

Բովանդակության տատանումները Հայ թուրքական արձանագրությունները

Եթե դուք չեք նշել կեղծ հատկությունների, նրանք կլինեն նույնը, քանի որ հիմնական տարր `scElement. Դուք կարող եք նշեք URL, ապա բովանդակությունը գույքը: URL ( '/ scBox / rm-v / SC-rights.png'), երբ կուրսորը ցույց է տալիս, պատկերը տարր. Այն դեպքում, բովանդակությամբ `« \ 03B1 "հայտնվում մաթեմատիկական խորհրդանիշ« ԱԼՖԱ », սակայն օգտագործել հատուկ նիշերը," & nbsp; "," & lt; "," & laquo; "," & raquo; " եւ մյուսները չեն, նրանք կցուցադրվեն ինչպես.

Թույլ է տվել շատ տարբերակներ է նշեք բովանդակությունը կեղծ նորմալ "text", URL- ը (), մի հաջորդականությունը hexadecimal կերպարների, վերաբերում է: բաց մեջբերման / սերտ-մեջբերում, կամ ոչ-բաց-մեջբերման / ոչ-մոտ- մեջբերում, եւ այլն: Ինչպես կարող է ցուցում բացարձակ պաշտոնում բովանդակության. միջոցով ոճի հատկությունների, կիրառելով առաջ, CSS կլինի տեղադրել կեղծ ամենուր տարր է, որը այն կապված:

Դուք կարող եք համատեղել միաժամանակյա օգտագործումը առաջ եւ հետո: Հետեւաբար, տեղադրելով օգտագործելով CSS առաջ բովանդակային կերպարների, դուք կարող եք ստանալ մի շարք հետեւանքների, համատեղելով տարբերվում պսեւդոպետականություն դասեր եւ կեղծ տարրեր, զարմացնել այցելուն, ոչ թե ծախսել միեւնույն ժամանակ, նույնիսկ մեկ բայտ-կոդ JavaScript.

Հատկանիշներ կեղծ

Որովհետեւ իրենց ապրանքի ընդունվել ":" բնույթ, ինչպես նաեւ վերաբերում է կեղծ, բայց ի տարբերություն CSS3 կեղծ սովորաբար արտահայտվում է »::»: Բրաուզերներ որ դա հասկանում են, ընկալում երկու նշանակումները. Բացեր ձայնագրության չի թույլատրվում, որ լարային ձայնագրվում է եւ կեղծ (կամ միայն) պսեւդոպետականություն միասին:

scElement: Հովեր :: մինչեւ {բովանդակությամբ 'նախածանցով.'; ...}

scElement: ակտիվ: հետո {բովանդակությամբ 'ածանցներով'; ...}

Դա կարեւոր է հիշել: CSS մինչեւ վազում դուրս կայքի բովանդակության. Ոճերը կապված չեն բովանդակության էջը. Կեղծ է, ոչ մի բացառություն. Նրանք չեն հայտնվում է DOM ծառի եւ անցանկալի է օգտագործել դրանք համապատասխան բաժինների կայքի - ի բովանդակության, նրանք չեն ստանում.

Օգտագործելով «» եւ «::» - ը աջակցում է շարժական պլատֆորմների եւ ժամանակակից բրաուզերների համար, բայց ստուգեք աշխատանքը ավելի հին տարբերակների հաճախ չեն ավելորդ:

Բովանդակությունը կեղծ-ընդգրկված չէ կայքի բովանդակության. Այն չի տեսնում, որ որոնման. Ինչպես օգտագործել այս հանգամանքը կախված է կոնկրետ իրավիճակից, սակայն այդ հնարավորությունը օգտագործելու CSS առաջ, ինչպես նաեւ դրանից հետո, ինքնուրույն կամ համալիր, հետաքրքիր է, երբ բովանդակությունը հղում (). Ուղղակի օգտագործումը բովանդակության կեղծ որպես հղումներ դեպի կայքում, թույլ կտա նրան բեռնել ֆայլը, օրինակ, նկար:

Հնարավորություն է փոխել ոճը ֆայլերի առցանց (Cascading Style թերթ ֆայլեր - ոչ բացառություն է) չի միջամտում ձեւով եւ օգտագործել կեղծ, քանի որ դա հարմար է ցանկացած ժամանակ, ճիշտ տեղում ալգորիթմի, կախված այցելուն գործողություններին: