CSS: տառատեսակի գույնը, ոճը, օրինակ, չափը

Ծրագրավորում - հայելին: սկզբին խոսքն էր, եւ ոչ թե արտացոլված ետ. Եւ շատ արագ այն պետք է «փոփոխություն»: Առաջին հայելին, ապա խոսքը ... Այս պահին, cascading ոճը թերթիկ - լավ է, բայց թե ինչու այդքան երկար ժամանակ պատրաստվում է դեմ մի մշակողի. CSS - դա միեւնույն զանգվածի անգամ դարաշրջանը համակարգչային ծրագրերի, բայց միայն մի այլ տեսանկյունից: Նույնիսկ երբ զանգվածները դառնալ ասոցիատիվ հեղափոխություն չի կատարվում:

կայքը էջ, այն պիտակները HTML-նշում, որը կարելի է վերագրել որոշակի ոճով կամ ոճով դասի նույնարկիչ: Առաջին, կարող է սահմանվել մեկ անգամ, եւ վերագրել որեւէ բան շատ անհրաժեշտ ժամանակ, իսկ երկրորդը պատկանում է որոշակի տարր.

Ընդհանուր տրամաբանությունը նկարագրության ոճերի

Ըստ ավանդույթի, ոճը, որը տեղադրված է CSS ֆայլ, բայց կարելի է վերագրել որոշակի տարր իր ոճով հատկանիշի. The ոճը կարող է ստեղծվել դինամիկայի JavaScript գործիքներ. Առանձնակի կարեւորություն չի, ինչպես նկարագրված է, օրինակ, միջոցով CSS գունավոր տառատեսակով, իր մեծությամբ, ականջակալ, հետին պլան տակ դրան եւ այլն: Որտեղից նկարագրությունը ոճը կարեւոր է համատեքստում, սովորաբար երկու գաղափարների: Իսկ ավելի ուշ նկարագրված, այնպես որ դա ավելի բարձր առաջնահերթություն, եւ եթե նկարագրված է տարր, որ դա անում է կարեւոր. Վերջին արձանագրվել, քանի որ դա, հստակ սահմանում է առաջնային:

Դիմել ոճը, օրինակ, որոշակի տառատեսակի գույնը փոխել գույնը, կարող է լինել ամենուր եւ ամեն ինչ: Հարցն այն է, թե ինչպես պետք է արձագանքել դրան մի բրաուզերի ընթացքում disassembly է բոլոր ոճերի միասին: Թե որքան է նա ծախսում է այս CPU:

Իդեալում, տառատեսակի գույնը պետք է նշվի միայն մեկ անգամ, դա դասական. Կարծում եմ, որ դուրս է պարզ նկարագրության մի քանի, ապա մյուսը եւ մեկ այլ ... իհարկե, դուք կարող եք. Դա նորաձեւ է, բայց գործնական.

ՕՐԻՆԱԿ ընդհանուր տրամաբանությունը

Բավական է պարզապես որոշվում CSS գույն բոլոր երեք տարրերի, դա հնարավոր է ստանալ առնվազն երեք երկար վազում խնդիրներ:

# Ele1, # Ele2, # Ele3 {
Ի ԴԻՐՔՈՐՈՇՈՒՄԸ: բացարձակ;
ձախ: 20px;
վերեւ: 14px;
գույն, կարմիր;
}

# Ele2, # Ele3 {
ձախ: 90px; // փոխել CSS հորիզոնական կոորդինատները
գույն: դեղին; // փոխել գույնը տառատեսակի CSS
}

# Ele3 {
վերեւ: 114px; // փոխել CSS ուղղահայաց համակարգել

գույն, կանաչ, // եւս մեկ անգամ փոխել գույնը տառատեսակի CSS

Ֆոնի գույնը: lightgrey; // CSS տեքստի highlight գույնը փոխվեց, բայց սա չի ներկայացել # Ele1 եւ # Ele2. պաշտոնը նույնպես փոխվել է, բայց դա փոխվել է # Ele2 եւ ոչ թե, քանի որ այստեղ

}

Այժմ մենք պետք է հիշենք, որ բոլոր այս երեք տարրերի սահմանվում ինչ - որ տեղ, եւ այն դեպքում, երբ փոփոխության գունավոր ներկայացուցչությունների կայքի սեփականատիրոջ, ծրագրավորողը պետք է հիշել ոչ միայն գույնի, այլ նաեւ ձախ կանոնների եւ վերեւից, եւ նույնիսկ փոխել highlight գույն տեքստի չպետք է մոռացվի:

Ոչ բոլոր մշակողները բացվեց ատենակալների դատարանը պահանջը CSS: Style ID - միայն մեկ տարր, իսկ դասի ոճը - բազմաթիվ պիտակները, բացի վերջին հնարավոր կետում թեգերը են ածականների:

• սահմանել տառատեսակի գույնը է CSS ոճի groundColor դասի.
• նշեք տառաչափը կարգի size15.
• հավաքածու դիրքորոշումը կարգի PlaceUp.

Բնականաբար, օգտագործումը identifiers, հատկապես, երբ նրանք պատկանում են նույն գծանշման տարր, վերին տասը ոճը դասեր, ներկված տարբեր կոմբինացիաներ հարյուրավոր էջում տարրերի. Բայց ամեն ինչ ունի իր սեփական օբյեկտիվ տրամաբանությունը:

Ծրագրավորողը պարզապես պետք է ճիշտ է հաշվի առնել, եթե նույնիսկ տառատեսակը գույնը HTML, CSS առաջարկում է նկարագրել, դժվար է, ճկունությունը ընդհանուր կառուցվածքի նկարագրությունը, որ դա իր գործն է.

Ակնկալվող արդյունքն օգտագործելու ընդհանուր տրամաբանությունը

Ժամանակակից Բրաուզերներ են հարմարավետ հետ շատ ոճի ֆայլերը եւ ծավալների. Սակայն, նախագծում, մասնավորապես միջոցով CSS, գունավոր ամբողջ էջը, դուք պետք է միշտ մտածել, ողջամիտ բավարարվածության. Ոչ բոլոր style կանոնները «էժան» փնտրվում է դիմումը: Պարզ լակոնիկ մուտքն * {գույն: Սպիտակ;} - իհարկե, գեղեցիկ է, բայց դա վերաբերում է բոլոր տարրերի էջի, առանց բացառության:

Բոլոր կանոններով, որոնք հագեցած CSS, առավել կարեւոր է:

• ոճը դասի, եւ ապա անունը սկսվում է «.»
• Style - նույնացուցիչ եւ նրա անունը սկսվում է «#» բնույթ.
• այլ դեպքերում մի անուն tag կամ ինչ - որ բան հատուկ

Մնացած մասը նկարագրությունը գաղափարների ոճերի (ժառանգությունների հատկությունները համընկնումը, առաջնահերթությունները, պաշտոնը, order եւ այլն: Դ) Պետք է օգտագործվի intelligently եւ խիստ անհրաժեշտ:

Բրաուզերը միշտ կարոտում, չեն կատարել են նկարագրության, այնպես որ հատուկ անակնկալներ չի. Եթե ինչ-որ բան չի եղել, որ ճիշտ տեղում, կամ սահմանված տառատեսակի գույնը CSS- ով հնարավոր չէ, հետեւաբար, ի ոճով սխալի.

անսպասելի հնարավորություններ

Չպետք է չարաշահել ոճեր, ինչպիսիք * {ձախ: 124px; } կամ

ol ol, ol ուլ, ուլ ուլ, ուլ ol {լուսանցք ստորին 0; }
ա IMG {սահման: 0; }

Թեեւ դժվար է նույնիսկ անփորձ ծրագրավորողը է օգտագործել CSS կանոնները, քանի որ նրանք են. Միշտ է զարգացման ցանկացած վայրում, նույնիսկ կատարելապես պարզ CSS շարահյուսություն տալիս անսպասելի խնդիրներ. Սակայն, եթե ուղղակի ջանքերը ճիշտ օգտագործման է syntax, բայց կիրառվում է JavaScript գործառույթն է նոր եւ անսպասելի հնարավորություններ կլինի խուսափել միօրինակ ստեղծել նույնարկիչները յուրաքանչյուր տարրի համար, կամ վերահսկել օգտագործումը տարբեր ոճերի եւ դասերի:

CSS - ը ոչ միայն ոճը ֆայլ, որը կապված է էջի միջոցով ուղեցույց թեգով կամ ներմուծված դրա միջոցով ոճով թեգով: Դա նաեւ հնարավոր է ստեղծել ոճը վրա ճանճը կամ փոփոխել գոյություն ունեցող մեկը.

Ըստ օգտագործելով CSS, տառատեսակի գույնը կարող է անել programmatically: Ինչպես նաեւ չափի եւ պաշտոնը, լուսանցքով: Կայքը - նպատակ չէ կիրառել այդ գիտելիքները CSS, HTML, PHP կամ JavaScript հետեւանքների Flash.

Վեբ ռեսուրս - ն, առաջին հերթին տեղեկատվության առաջարկվող որոշակի ձեւով: Դա է պատճառը, CSS լավագույնս երեւում է դինամիկայի միջոցով ոսպնյակի, թե ինչպես է դա հնարավոր է ձեւավորել, իսկ էջի դեռ սերվերի վրա (դա հնարավոր չէ PHP այն ժամանակ, երբ կայքը այցելուն եկավ, ոչ թե ծրագրավորողը այն ժամանակ, երբ նա զարգանում էր կայքից), ցանկալի պատուհան մի կոնկրետ տեքստը համապատասխան բովանդակության, կամ ստեղծել ոճը դաս կամ նույնացուցիչ թռչել, քանի որ էջի աշխատում, երբ այն նայում որոշակի այցելու:

ստատիկ դինամիկան

Մենք պետք է միշտ չէ, որ գրել բարդ գտնելու է Javascript- ին կոդ կատարել դինամիկ բովանդակության եւ դրա դիզայնը համարժեք բովանդակություն: Երբեմն բավական է ճիշտ օգտագործել առկա հնարավորությունները: Մասնավորապես, սահմանելով CSS Տառատեսակի գույնը սկզբանե ստատիկ կանոն, դուք կարող եք թաքցնել այս կանոնը (թաքնված) եւ պատկերացնել տարբերվում (տեսանելի):

Այստեղ, բանախոսը չի պահանջում, որ ալգորիթմը:

// է լուսաբանել մուտքագրման կոճակը կայքում
ֆունկցիան scfWelcomeOver () {
փաստաթուղթ.ստանալՏարրԸստԻնքնության ( 'scDocxNamePiP') style.visibility = 'տեսանելի';
}

// թաքցնել մուտքագրման կոճակը կայքում
գործելու scfWelcomeOut () {
փաստաթուղթ.ստանալՏարրԸստԻնքնության ( 'scDocxNamePiP') style.visibility = 'թաքնված';
}

CSS առաջարկում իր դինամիկան: tickers, թափանցիկ տարրեր, տարբեր embodiments overlays, ցուցադրական, մարում գույները: CSS- ով, տառատեսակի գույնը կարող է կատարվել նույնիսկ այնպես, որ ոչ ոք չի ոճական կանոնը չի տրամադրվում:

Դինամիկ բովանդակություն ցուցադրում

Եթե չլինեին դոգմաները, թերեւս, չէր լինի ոչ մի առաջընթաց: Պարզապես, թե ինչ էր ուզում պայքարել: Hypertext բերեց աշխարհ շատ դոգմա. Ժամանակն է, որ ուշադրություն դարձնել նրանց, եւ սկսել զարգացող կայքերը մի պրագմատիկ եւ գործնական ոճը:

Ի սկզբանե, կա մի էջ (P), ոմանք Ձեր բովանդակությունը (K), բոլոր հատկորոշիչները էջի նկարագրված են ոճով թերթիկ (S). Ոչ մի նոր ձեւ P էջ միջոցով PHP կամ Perl վրա սերվերի կողմից ընտրելով K-ից բազայում. Առկա ոճը թերթիկ S կհետեւեն ինքնաբերաբար. Սակայն, K կարող է փոխվել, եւ շատ դեպքերում, նման փոփոխությունը կարող է հանգեցնել անհրաժեշտությունը այլ ոճերի, այսինքն, S +.

Օրինակ, հաճախորդը ասել է. «Կայքը նկարագրում կյանքը Մոսկվայում, կանդրադառնա ավելի լավ, եթե News հոդվածներ են զարդարված ոճով« ZaZavtrakom », - նկարագրում է գիշերային իրարանցում է ոճով,« Լաս Վեգասում »եւ հոդվածների գիտական եւ տեխնոլոգիական առաջընթացի ոճով» ModernTehno » Բայց եթե մենք S երեք տարբերակների, ոչ մի երաշխիք չկա, որ հաճախորդը չի ունենա ունենալու գաղափարը մի շարք հոդվածների, «Նորություններ», «տոն», «Աշխատանքային», «CSS / HTML» բոնուս »HozyaykeNaZametku»:

Մեկ այլ մոտեցում ավելի գործնական: Անկախ ժանրից հոդվածի կա միշտ բովանդակությունը, որը կարող է նկարել որոշակի գույն. Այստեղ այս վայրում կա բավականին զգայուն գաղափար ստանալ կոնկրետ K, շարունակում է սերվերի է առաջացնում համարժեք S, իսկ բրաուզերը կպահանջի P, նա կստանա ճիշտ բովանդակությունը պատշաճ մաքսազերծումից:

Դինամիկան ոճը JavaScript- ի

Նվազագույն, թեեւ շատ արդյունավետ լուծում է անել styling ուղղակիորեն հաճախորդի բրաուզերի. Նախ, այն relieves է սերվերի - ստիպված չի լինի ծախսել ժամանակ ձեւավորման վրա hypertext էջերի եւ ոճի ֆայլերի համար դրա:

Երկրորդ, բնական վատնում ժամանակի ներսում բրաուզերում կստեղծի այն ազդեցությունը, որ այդ էջի զբաղեցնում է բիզնեսի եւ ակտիվորեն աջակցում հետ երկխոսություն այցելու: Նա դեռ չի տեսնում բովանդակությունը սորուն, հետեւաբար, նա ցանկանում է հետեւողական եւ խոհուն տեղեկատվական արտադրանքի.

Երրորդ, այն թույլ է տալիս ծրագրավորողը տրամադրել այցելուն մեխանիզմը բովանդակության այս ոճը, որը նա հարմարավետ. Դա նույնիսկ որեւէ մեկին.

Իրականացնել այս գաղափարը, դուք պետք է իրականացնել մի մեխանիզմ ստեղծելու համար տարրեր Ոճի անմիջապես հետո էջում բեռների, իսկ ընթացքում իր գործունեության. Ժամանակակից կայք - դա AJAX է որոշակի ձեւով: Դա ոչ թե դժվար է իրականացնել ձեւավորմանը ոճերի ուղղակիորեն ձեւավորման գործընթացում Էջի ծառից. Դա հեշտ է, մատչելի եւ արդյունավետ, քանի որ բովանդակությունը միասին իր գրանցման:

Դա չի հակասում ժամանակակից միտում առանձնացնել շնորհանդեսը տվյալների վերամշակման կատարվում է տվյալների թողնելով էկրանին.

CSS որպես ակտիվ բաղադրամաս

Hypertext բերեց մի շատ լավ է, բայց միայն մի փոքր մասն է բնական տեղեկատվության հաջողությամբ պաշտոնականացվեց, կային գործիքներ եւ փորձը ստեղծել բարձրորակ HTML, XML, CSS փաստաթղթեր: Ոչ մի խնդիր է ձեւակերպել նոր ծավալի տեղեկատվություն, եւ փոխել արդեն արել ավելի վաղ:

Ինչ վերաբերում է CSS, այդ գործընթացը ակտիվացել են բոլորովին այլ համատեքստում: Ներկառուցված գործիքներ JavaScript, հնարավորություն տալով »ինքնաթիռով» է ստեղծել տարրեր եւ ոճերի տարրերի չի ակնկալում նման հնարավորությունը, եւ ստեղծողները PHP, մասնավորապես, ենթադրվում է, որ զբաղվում է ձեւավորման միայն HTML էջերի.

Թե առաջին եւ երկրորդ թույլ է տալիս անել ծրագրավորման ոճեր: Այս նոր ուղղություն է տեղեկատվական տեխնոլոգիաների ոլորտում: Ոճերը զգալիորեն ավելի ձեւական բան, քան XML կամ HTML, որ կանոնները շատ պարզ է. Style միշտ ներկա է տեղեկատվության, անկախ նրանից, թե ինչպես է բնական է դա եղել.

Գրանցում տվյալների բազայի ծրագրավորողների զբաղվում են միշտ մի շատ ավելի պաշտոնականացվեց ոլորտներում, սակայն CSS թեման մի շատ պարզ խնդիր է, բայց ինչ - որ կերպ չի ստանալու մեջ ոլորտում տեսակետից զարգացման գործընթացում:

Ին դոգմա ոլորտում ծրագրավորման

Նման է սառցաբեկորի, դոգմա չի կարող երկար ծախսերը furrowing տեղեկություններ. Անցյալի փորձը պետք է կենտրոնանալ ոչ միայն HTML- եւ CSS ստանդարտների, գործիքները աշխատում նրանց հետ, գիտելիքներ մշակողները:

Մի պարզ խնդիրն է, որպեսզի միջոցով CSS տառատեսակի գույնը - ն գտել է կատարյալ լուծում: Կանոնները, շարահյուսական, տրամաբանությունը եւ հարմարավետությունը անվիճելի են: Բայց նույնիսկ այն ժամանակ, երբ տառատեսակը, ըստ էության, պետք է ոչ շատ գույների համար պրակտիկայի, շատ չէ, անհրաժեշտ է, եւ իսկապես նպատակների համար իրականության virtualization չի անհրաժեշտ բոլոր կուտակված «ուժային» HTML եւ CSS, այնտեղ գալիս է մի ժամանակ, երբ իրավիճակային գիտելիքները գնալ արտաբերված եւ ցուցադրվում փորձը եւ գործիքները բնական ձեւավորման ոճերի բովանդակության.

Ինչպես կարող է դա լինի, չի կարող լինել միանգամայն հասկանալի է, սակայն, որ այդ գործընթացը արդեն իսկ ընթանում, ակնհայտ.