Նախորդ գլուխներում մենք կազմեցինք HTML փաստաթղթերի հիմնական ձևանմուշը, որոշեցինք, թե ինչ են HTML պիտակները, սովորեցինք, թե ինչպես պահպանել և խմբագրել HTML ֆայլերը, և այս գլխում մենք Եկեք ծանոթանանք թեգի ատրիբուտներինև փոխել էջի տեքստի և ֆոնի գույնը:

Եկեք բացենք մեր index.html, խմբագրման համար. Ինձ հաջողվեց!!! Եվ եկեք մի փոքր փոխենք, ավելացնենք ատրիբուտներ. text="#000000" bgcolor="#ffffff"> Ես դա արեցի!!! Հատկանիշպիտակի պարամետր է, որը տեղադրվում է պիտակի մեջ որպես «զույգ» (պարամետրի անվանում + պարամետրի արժեք):
Պիտակի հատկանիշի արժեքները տեղադրվում են.
1) text=#000000 առանց չակերտների;
2) text="#000000" մեկ չակերտներով;
3) text="#000000" կրկնակի չակերտներով:
Այս տարբերակներից որևէ մեկը ճիշտ է, բայց եթե ձեզ հետաքրքրում է կոդի էթիկայի մասին, ապա ավելի լավ է օգտագործել կրկնակի մեջբերումներ, ինչպես իմ վերը նշված օրինակում:

Հատկանիշ «տեքստ»վերահսկում է տեքստի գույնը ամբողջ էջի վրա, և «bgcolor»վերահսկում է էջի ֆոնի գույնը:

Այժմ ես առաջարկում եմ խոսել HTML փաստաթղթերի գույների մասին: Գույնը սահմանված է՝
1) text = "ոսկի"- անգլերեն բառերը, օրինակ՝ ոսկե (ոսկե), կարմիր (կարմիր), կանաչ (կանաչ) և այլն...
Բայց գույնը կարող է բաղկացած լինել միայն մեկ բառից, օրինակ՝ «կարմիր», բայց եթե գրեք «կանաչ-կարմիր», զննարկիչը դա չի հասկանա և պարզապես անտեսի։
2) text = "#000000"- RBG գունային սխեման (կարմիր կանաչ կապույտ): "#" այս նշանը ցույց է տալիս, որ սա գունային թիվ է, առաջին երկու նշանները (իմ օրինակում զրոները) մեզ ասում են, թե քանի «կարմիր» գույն ենք վերցրել, երկրորդները կանաչ են, իսկ վերջին երկուսը կապույտ են:
Յուրաքանչյուր գույն նշված է 00-ից մինչև FF (0-1-2-3-4-5-6-7-8-9-A-B-C-D-E-F), օրինակ #000000-սև, #ffffff-սպիտակ, #ff0000-կարմիր, # 00ff00- կանաչ #0000ff-կապույտ

Որպես կայքի բոնուս՝ առաջարկում եմ ներբեռնել գունային գունապնակը (2կԲ), որը պատկերված է վերևի նկարում։ Դուք պետք է բացեք արխիվը և գործարկեք ֆայլը գույն.html, ապա մեծ դաշտի վրա մկնիկի ցուցիչը տեղադրեք Ձեզ անհրաժեշտ գույնի վրա, որը կցուցադրվի փոքրիկ պատուհանում, և եթե այս պահին սեղմեք մկնիկի վրա, ապա աջ կողմում գտնվող փոքրիկ պատուհանում կհայտնվի գունային կոդը։

Հիմա վերադառնանք մեր ֆայլին index.htmlև պահպանել այն որպես tsvet.html, հիմա տեսնենք ինչ եղավ։ Ինչպիսի՞ն էր նա և ինչպիսի՞ն է մնացել: Եվ դուք լիովին իրավացի եք, քանի որ սպիտակը ֆոնի համար է, իսկ սևը տեքստի համար լռելյայն գույնն է: Տարբերությունը նկատելու համար եկեք փոխենք հատկանիշի արժեքները.

text=gold" bgcolor="#0900b8"> Ես դա արեցի!!! Եկեք պահենք և դիտենք (բացվում է նոր ներդիրում)

HTML ֆայլերում տեքստը տեղադրելու այլ եղանակներ կան, բայց այս երկուսը համարվում են հիմնականը։

Հաջորդ գլխում մենք կսովորենք, թե ինչպես տեքստը կառավարել BR թեգերով և տեքստը փաթաթել մեկ այլ տողի վրա:

HTML կայքի ֆոնը կարող է փոխվել՝ օգտագործելով երկու հատկորոշիչները մարմինը, և CSS ոճերի օգտագործումը նույնպես կիրառվում է պիտակի վրա մարմինը. Եկեք դիտարկենք կայքի համար ֆոն ստեղծելու երկու տարբերակները:

Ֆոնի գույնի փոփոխություն HTML-ի միջոցով

Նշել մարմինըԻնչպես գրեթե ցանկացած HTML թեգ, ունի իր սեփական հատկանիշները: Հատկանիշները նշելու համար մարմինըառնչվում են:

• bgcolor- սահմանում է էջի ֆոնի գույնը.
• ֆոն- թույլ է տալիս նկարը տեղադրել որպես վեբ էջի ֆոն (այս հարցը մանրամասն քննարկվում է հոդվածում :);
• ոլորել- վերահսկում է էջի ոլորման տողի ցուցադրումը.
• տեքստը- սահմանում է տեքստի հիմնական գույնը, որը կցուցադրվի վեբ էջում;
• bgproperties- ցույց է տալիս, թե արդյոք ֆոնը պտտվելու է էջի հետ միասին.
• հղում- վերահսկում է էջի հղումների լռելյայն գույնը.
• կապ- սահմանում է ակտիվ հղման գույնը.
• vlink- սահմանում է էջի այցելած հղման գույնը.
• ձախ եզր/աջ լուսանցք- սահմանում է զննարկչի պատուհանի ձախ կամ աջ եզրից բովանդակության ներթափանցումը.
• վերին լուսանցք/ներքևի լուսանցք- սահմանում է բրաուզերի պատուհանի վերին կամ ներքևի եզրից բովանդակության ներքևումը.

Ֆոնի գույնը HTML-ի միջոցով փոխելու համար մենք կօգտագործենք հատկանիշը bgcolor:

Սա սպիտակ տեքստի օրինակ է, որը նշված է body tag-ի տեքստային հատկանիշի միջոցով:

Նշում:Խորհուրդ է տրվում նշել էջի ֆոնի գույնը, նույնիսկ եթե ֆոնը սպիտակ է: Դա պայմանավորված է նրանով, որ որոշ օգտվողներ կարող են օգտագործել ֆոնի ոչ ստանդարտ գույն իրենց բրաուզերում, և դա կարող է հանգեցնել ձեր կայքի տեքստի անընթեռնելի լինելուն:

Էջի ֆոնի գույնի փոփոխություն՝ օգտագործելով CSS

Սա ֆոնային CSS-ի օգտագործմամբ սպիտակ տեքստի հավաքածուի օրինակ է: Էջի ֆոնը նույնպես սահմանվում է CSS-ի միջոցով:

Nubex կայքի ստեղծողում, ցանկացած կայքի համար կարող եք ընտրել պատրաստի ֆոն պատկերների մեծ գրադարանից կամ ավելացնել ձերը:

Հեղինակից.Բարի գալուստ webformyself և այսօր ուզում եմ ձեզ պատմել, թե ինչպես փոխել կայքի ֆոնը: Ֆոնի գույնը կամ պատկերը կարող է հսկայական դեր խաղալ կայքի տեսքի վրա, այնպես որ դուք պետք է իմանաք, թե ինչպես տեղադրել այն:

Ինչպես փոխել ֆոնը wordpress-ում

Կրկին, եթե դուք ունեք WordPress շարժիչ, ապա էջի ընդհանուր ֆոնը փոխելը դժվար չի լինի։ Պարզապես պետք է սեղմել «Անհատականացնել» կոճակը «Արտաքին տեսք» ներդիրում: Այստեղ դուք պետք է ընտրեք «Գույներ»: Կախված ձեր ընտրած ձևանմուշից, կարող եք գույներ ընտրել տարբեր տարրերի համար: Բայց դուք կարող եք ընտրել էջի գույնը ցանկացած դեպքում՝ ձեր առջեւ կբացվի հարմար գունավոր վահանակ։

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

Իրականում, դա այն ամենն է, ինչ դուք պետք է իմանաք: Եթե ​​Ձեզ անհրաժեշտ է ներբեռնել ֆոնային պատկեր, ընտրեք համապատասխան տարրը և գտեք անհրաժեշտ ֆայլը ձեր համակարգչում:

JavaScript. Արագ մեկնարկ

Լավ իմաստով պատկերը չպետք է չափազանց ծանր լինի, քանի որ դա մեծապես կազդի կայքի բեռնման արագության վրա։ Իդեալական է օգտագործել այսպես կոչված անխափան ֆոնային պատկերներ, որոնք կրկնվում են հորիզոնական և ուղղահայաց և այդպիսով լրացնում են ամբողջ տարածությունը:

Պատկերը բեռնելուց հետո ձեզ կներկայացվեն կարգավորելու մի քանի օգտակար կարգավորում: WordPress-ի հարմարավետությունն այն է, որ դուք անմիջապես տեսնում եք փոփոխություններ՝ կախված նրանից, թե ինչ կարգավորումներ եք ընտրում:

Նախ, ձեզ կառաջարկվի ընտրել կրկնության մեթոդ: Արդեն 4 տարբերակ կա՝ կրկնել միայն հորիզոնական, միայն ուղղահայաց, երկու կողմից և չկրկնել։ Կախված այն պատկերից, որը դուք օգտագործում եք, դուք պետք է ընտրություն կատարեք:

Կրկնությունը թույլ է տալիս զգալիորեն խնայել նկարի չափը, երբ այն փոքր է և կարող է կրկնվել, որպեսզի կրկնությունների միջև կտրուկ անցումները տեսանելի չլինեն: Այս կերպ դուք կարող եք խնայել տասնյակ կիլոբայթներ՝ համեմատած այն մեթոդի հետ, որով բեռնված է մեծ չափերի ամբողջական չափի պատկեր:

Դիրք. Այստեղ բացատրելու ոչինչ չկա, պարզապես տեսեք, թե ինչպես է էջի տեսքը փոխվում տարբեր ֆոնային դիրքերի հետ: Ընտրեք այն տարբերակը, որը ձեզ ամենաշատն է դուր գալիս:

Պարտադիր. Սա շատ հետաքրքիր պարամետր է, այն թույլ է տալիս ընտրել՝ ոլորե՞լ ֆոնային պատկերը բովանդակության հետ մեկտեղ, թե՞ սառեցնել այն մեկ տեղում: Անձամբ ես միշտ սիրում եմ ընտրել ֆիքսված տարբերակը, քանի որ երբ ոլորում ես ներքև, շարժվում են միայն բովանդակության բլոկները:

Օրինակ, եթե դուք ունեք 1000 պիքսել ֆոնային պատկերի բարձրություն, և չեք կրկնում կամ նկարում այն, ապա երբ ոլորեք ներքև, այն պարզապես կվերանա տեսադաշտից: Ֆոնը շտկելը թույլ է տալիս նկարը միշտ դիտել: Երբեմն սա շատ արդյունավետ լուծում է:

JavaScript. Արագ մեկնարկ

Իմացեք JavaScript-ի հիմունքները վեբ հավելված ստեղծելու գործնական օրինակով:

Փաստորեն, դա ամեն ինչ WordPress-ում ֆոնը փոխելու համար է: Ինչպես տեսնում եք, ամեն ինչ հնարավորինս պարզ է:

Ինչպես փոխել կայքի ֆոնը html-ով

Լավ, մենք դիտարկել ենք զուտ վիզուալ տարբերակը, որում ձեզ հարկավոր չէ մտնել կոդը և այնտեղ որևէ բան գրել: Հիմա եկեք պարզենք, թե ինչպես փոխել ֆոնը html-ի և css-ի միջոցով: Ի՞նչ օգուտներ է տալիս սա: Դուք կարող եք սահմանել ֆոնային պատկերներ ոչ միայն ընդհանուր կայքի համար, այլ նաև յուրաքանչյուր տարրի համար առանձին: Օրինակ, որոշ վիջեթի, մենյուի, վերնագրի և այլնի համար: Սա շատ ավելի մեծ հնարավորություններ է տալիս վեբ կայքի ձևավորման և դրա դիզայնի փոփոխության մեջ:

Այս ամբողջ ոճավորումը մուտք գործելու համար դուք պետք է գտնեք ձեր ձևանմուշի հիմնական ոճային թերթիկը: Սովորաբար այն գտնվում է արմատում կամ css թղթապանակում և կոչվում է style.css կամ main.css:

Դրանում դուք կտեսնեք կոդը, որը նախագծում է ձեր կայքի տարբեր տարրերը: Եթե ​​ցանկանում եք ֆոնը գլոբալ սահմանել, կարող եք դա անել՝ ֆոն հատկացնելով մարմնի ընտրիչին, այսինքն՝ էջի հիմնականին:

Ինչպե՞ս է դրված ֆոնը:

Հիշեք - ֆոնային հատկությունը: Այսօր ավելի լավ է օգտագործել այս հատկությունը գրելու կրճատ տարբերակը։ Օրինակ:

body (ֆոն՝ #ccc url(bg.png) առանց կրկնության 50% 50% ֆիքսված; )

Ի՞նչ է նշանակում այս ամենը: Առաջին պարամետրը սովորաբար պինդ գույն է: Ենթադրենք, մենք դրել ենք այն մոխրագույն: Գույնը կարող է չնշվել, եթե նշված է ֆոնային պատկեր: Ինչպես տեսնում եք, պատկերը նշված է url (ֆայլի ուղի) կառուցվածքի միջոցով: Համապատասխանաբար, դուք պետք է ճիշտ գրեք ֆայլի ուղին, ինչպես նաև անպայման նշեք դրա ընդլայնումը:

Բոլոր այն պարամետրերը, որոնք ես գրել եմ սրանից հետո, կամընտիր են և կարող են նշվել ըստ ցանկության: Այսպիսով, ես հստակեցրեցի, որ ֆոնի պատկերը չպետք է կրկնվի, տեղադրվի կենտրոնում և հորիզոնական, և ուղղահայաց, ինչպես նաև ամրագրվի մեկ տեղում, որպեսզի ոլորելիս չվերանա:

Ինչպես տեսնում եք, այստեղ կան բոլոր նույն պարամետրերը, որոնք դուք կարգավորել եք տեսողականորեն, բայց այստեղ դրանք գրանցվում են որպես ֆոնային սեփականության արժեքներ:

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

Իհարկե, այս հատկություններին վարժ տիրապետելու համար խորհուրդ եմ տալիս նախ անցնել մեր դասընթացը, իսկ եթե ցանկանում եք դառնալ css լեզվի առաջադեմ օգտվող, ապա. Այնտեղ դուք կսովորեք, թե ինչպես տեղադրել մի քանի ֆոն միաժամանակ, կարգավորել դրանց կրկնությունը, օգտագործել գրադիենտներ և այլն: Տեղեկատվությունը շատ հետաքրքիր է և օգտակար կայքեր ստեղծողների համար։

Դե, ես ձեզ ասացի ֆոնի հետ աշխատելու հիմունքների մասին: Բաժանորդագրվեք մեր պորտալին՝ նորություններ ստանալու և վեբ կայքի ստեղծման մասին ավելին իմանալու համար:

JavaScript. Արագ մեկնարկ

Իմացեք JavaScript-ի հիմունքները վեբ հավելված ստեղծելու գործնական օրինակով:

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

Բլոգերները և վեբ կայքերի սեփականատերերը սովորաբար փոխում են ֆոնը, որպեսզի իրենց կայքը տեսողականորեն ավելի գրավիչ դարձնեն այցելուների համար: Այնուամենայնիվ, սխալ ավելացված ֆոնային պատկերը կարող է շփոթեցնել այցելուին և նույնիսկ պատճառ դառնալ, որ նա չվստահի ձեր կայքին կամ բլոգին և չցանկանա նորից այցելել այն: Ֆոնը ճիշտ ավելացնելու համար կարևոր է օգտագործել համապատասխան HTML կոդերը:

Կան ընդամենը մի քանի պարզ եղանակներ, որոնցով կարող եք փոխել ձեր գոյություն ունեցող վեբ կայքի տեսքը: Շատ օգտատերեր չեն էլ պատկերացնում, թե որքան պարզ է դա:

Ինչպես հարմարեցնել տառատեսակը

Առաջին հերթին, դուք ստիպված կլինեք ավելացնել չորս մետա թեգեր ցանկացած վայրում< head >. Դուք կարող եք պարզապես պատճենել ստորև նշված նշանները և տեղադրել դրանք ձեր ռեսուրսի մեջ՝ նախ հեռացնելով բացատները:

Ինչպես հարմարեցնել ֆոնի գույնը

Բացեք ձեր բլոգի կամ կայքի HTML էջը: Էջը խմբագրելիս կարող եք այն բացել Dreamweaver-ում՝ ձեր աշխատանքը հեշտացնելու համար: Եթե ​​ձեր կայքը ստեղծվել է կայքի ստեղծողի միջոցով, որոշ ծառայություններ թույլ են տալիս առցանց փոխել HTML կարգավորումները՝ գնալով «Դիզայն» էջ և ընտրելով «Խմբագրել HTML» ներդիրը: Ամեն դեպքում, դուք պետք է կարողանաք մուտք գործել ձեր բլոգի կամ կայքի HTML կոդերը: Կարգավորման գործընթացը կարող է շատ տարբեր լինել՝ կախված նրանից, թե որ ծառայություններն են հասանելի ձեզ և ինչ շարժիչ եք օգտագործում:

Անիմաստ է փորձել գտնել մեկ այլ գույնով առանձին պատկեր, եթե ընդամենը պետք է փոխել ֆոնի գույնը: Փոխարենը, դուք կարող եք պարզապես խմբագրել HTML-ը և փոխել գոյություն ունեցող գույնը, որը ցանկանում եք պահպանել:

Դուք կարող եք հեշտությամբ գտնել HTML գունավոր գծապատկերներ մասնագիտացված հրապարակումներում: Յուրաքանչյուր գույն ցուցադրվում է նշագրման մեջ որպես վեցանիշ կոդ: Օրինակ, սպիտակ ֆոնը նշված է որպես #FFFFFF:

Այսպիսով, գտեք գունային կոդը, որը ցանկանում եք հայտնվել ձեր կայքում որպես ֆոնի գույն: Նշման մեջ այն կունենա հետևյալ տեսքը.

ֆոնի գույնը:#XXXXXX; (

Հենց HTML-ում պահպանեք ֆոնի գույնը, կտեսնեք, որ ձեր էջի տեսքը փոխվել է:

Ֆոնային պատկերի ավելացում

Ընտրեք այն պատկերը, որը ցանկանում եք ավելացնել որպես ձեր ֆոն: Կան բազմաթիվ կայքեր, որոնք թույլ են տալիս ներբեռնել նման նախադրյալներ։ Որպես այլընտրանք, դուք կարող եք օգտագործել նկար, որն արդեն պահպանված է ձեր համակարգչում:

Ներբեռնեք պատկերը ինտերնետում: Շատերը թույլ են տալիս անվճար վերբեռնել պատկերներ: Ստացեք URL հղումը ձեր ֆոնային պատկերին: Դա անելու համար դուք պետք է բացեք պատկերը ձեր բրաուզերում և պատճենեք URL-ը:

Տեղադրեք կոդը՝ պատկերը որպես ֆոն ավելացնելու համար: HTML-ում այն ​​ունի հետևյալ տեսքը.

ֆոնային պատկեր՝ url (պատկերի URL);

Դուք պետք է ավելացնեք կոդը, որտեղ էջի հիմնական մասը սկսվում է HTML-ում: Պահպանեք փոփոխությունները խմբագրումից հետո և բեռնեք ձեր կայքը: Դուք կկարողանաք տեսնել, որ պատկերն ամբողջությամբ փոխարինել է ֆոնի գույնը:

Այնուամենայնիվ, հիշեք, որ չափազանց մեծ պատկերների բեռնումը կարող է շատ երկար տևել, ինչը շատ այցելուների համար տհաճ կլինի: Այդ իսկ պատճառով փորձեք փոքր պատկերներ ընտրել այդ նպատակով:

Օգնությամբ CSS գույնը և ֆոնըԴուք կարող եք այն վերագրել վեբ էջի գրեթե ցանկացած տարրի, ազատորեն վերահսկել ֆոնային պատկերը և դրա կրկնությունը հորիզոնական և ուղղահայաց: Բացի այդ, օգտագործելով CSS, դուք կարող եք տեղադրել ֆոնային պատկեր էկրանի ցանկացած վայրում՝ օգտագործելով դիրքավորումը: Առայժմ շատ առաջ չընկնենք, գնանք կարգով։

COLOR հատկությունը

Այս հատկությունը սահմանում է տարրի գույնը, ավելի ճիշտ՝ տարրի ներսում տեքստի գույնը։ Արժեքը նշված է հնարավոր ձևերից մեկում.

• գույնի անվանումը (ԿԱՆԱՉ, ՍԵՎ, ԿԱՐՄԻՐ...);
• տասնվեցական գույնի ծածկագիր (008000, 000000, FF0000...);
• տասնորդական գունային ծածկագիր RGB-ով (գույն՝ rgb (40, 175, 250));

COLOR հատկությունը ժառանգվում է, և եթե որևէ տարրի համար արժեք սահմանված չէ, արժեքը ժառանգվում է նրա նախահայրից: Բայց կարող է պատահել, որ այն նույնպես սահմանված չէ նախնիների համար, այնուհետև դիտարկիչի ոճի թերթիկը կկիրառվի՝ օգտագործելով լռելյայն արժեքները: Տարրի գույնն այս դեպքում, ամենայն հավանականությամբ, կլինի սև:

Ինչպես արդեն նշեցի, դուք կարող եք գույն սահմանել գրեթե բոլոր տարրերի համար, դրանք կարող են լինել (H1... H6), (ուժեղ, em) և նույնիսկ ամբողջ թվեր (p) և նույնիսկ աղյուսակի եզրագծերը, բայց դրա մասին ավելի ուշ:

Եկեք նայենք CSS-ի միջոցով տեքստի գույնը սահմանելու օրինակին.

h1 (գույնը՝ կապույտ)

Այս օրինակում վեբ էջի բոլոր առաջին մակարդակի վերնագրերը կապույտ կլինեն.

ուժեղ (գույնը՝ կարմիր)

Այս դեպքում պիտակով կնշվի այն ամենը, ինչ կա էջի տեքստում ուժեղ, կդառնա կարմիր:

Կարող եք գրել այսպես.

h1, p, ուժեղ (գույնը՝ կանաչ)

Այնուհետև առաջին մակարդակի վերնագրերը, բոլոր պարբերությունները և այն ամենը, ինչ ընդգծված է պիտակով, կդառնան կանաչ:

Երբ անհրաժեշտ է լինում տարբեր գույներով վերնագրեր ընդգծել, օգտագործվում են դասի ընտրիչներ: HTML-ում դաս սահմանելու համար օգտագործվում է հատկանիշը դաս, որը կարող է կիրառվել ցանկացած տարրի վրա։ HTML կոդում ձեզ հարկավոր է գրել.

class="Blue" > Այս դասի վերնագրի գույնը կլինի կապույտ

CSS ոճի թերթիկում, այս դեպքում, մենք գրում ենք կանոն, որտեղ ընտրիչը կլինի H1 տարրը, իսկ կետի միջով ( . ) դասի անվանումը:

h1. Կապույտ (գույնը՝ կապույտ)

HTML փաստաթղթերում օգտագործվում են նաև ընտրիչներ ըստ նույնացուցիչի, դրանք որոշվում են հատկանիշով id. Նույնացուցիչն ավելի կարևոր կամ առաջնահերթ հատկանիշ է, քան դասը: Եվ եթե և՛ դասը, և՛ նույնացուցիչը նշված են HTML կոդի որևէ տարրի համար, ապա կկիրառվի նույնացուցիչի ոճը: Նույնացուցիչը նշվում է հեշ նշանով ( # ) HTML կոդում նույնացուցիչն օգտագործելու համար ձեզ հարկավոր է գրել.

id = "Կապույտ" > Այս ID-ի վերնագրի գույնը կլինի կապույտ

Ոճային թերթիկում հերթով.

h1#Կապույտ (գույնը՝ կապույտ)

BACKGROUND-COLOR սեփականություն

Այս հատկությունը թույլ է տալիս սահմանել էջի ֆոնի գույնը որպես ամբողջություն, պարբերություն, հղում կամ, ընդհանրապես, ցանկացած HTML տարրի համար: Դա անելու համար գույքի արժեքը նշում է գույնը կամ արժեքը թափանցիկ(թափանցիկ). Էջի ֆոնի կոդը գրված է.

մարմին (ֆոնի գույնը՝ ջրային)

Այս դեպքում էջի ֆոնը կլինի փիրուզագույն, իսկ վերնագրին նախապատմություն տալու համար գրում ենք.

h1 (ֆոնի գույնը՝ դեղին)

Մենք ստանում ենք դեղին ֆոն առաջին մակարդակի վերնագրերի համար:

Գույնը և ֆոնը CSS-ում

BACKGROUND-REPEAT հատկություն

Այս հատկությունը օգտագործվում է, երբ սահմանված է, որոշելու համար, թե արդյոք այն կկրկնվի հորիզոնական և ուղղահայաց: Վավեր արժեքներ.

• կրկնել- պատկերը կրկնվում է ուղղահայաց և հորիզոնական;
• կրկնել-x- պատկերը կրկնվում է միայն հորիզոնական;
• կրկնել-y- պատկերը կրկնվում է միայն ուղղահայաց;
• չկրկնել- պատկերը չի կրկնվում:

Կոդը գրված է այսպես.

p(
ֆոնային պատկեր: url( պատկերի ֆայլի հասցեն) ;
ֆոն-կրկնել: կրկնել-x
}

Այս պարբերության տեքստը կլինի ֆոնային պատկերի վերևում, որը կտեղադրվի հորիզոնական:

ՆԱԽԱՊԱՏՎԱԾ-ՀԱՑՎԱԾ սեփականություն

Այս հատկությունն օգտագործվում է դիտարկիչին ցույց տալու համար, թե արդյոք էջի ֆոնային պատկերը պետք է ոլորվի տեքստով ( ոլորել) կամ մնալ անշարժ ( ամրագրված).

մարմին (
ֆոնային պատկեր: url( պատկերի ֆայլի հասցեն) ;
ֆոն-կրկնել. կրկնել-x;
ֆոն-կցորդ՝ ֆիքսված
}

Այս դեպքում ֆոնային պատկերը կմնա անշարժ:

BACKGROUND-POSITION սեփականություն

Այս հատկությունն օգտագործվում է պատկերը տեղադրելու համար: Արժեքները նշված են տոկոսներով (%), երկարության միավորներով (սմ, px), հիմնաբառերով.

• Ուղղահայաց՝
• գագաթ- պատկերի վերին մասը հավասարեցված է էջի կամ բլոկի վերին եզրին.
• կենտրոն
• ներքեւ- պատկերի ներքևի մասը հավասարեցված է էջի կամ բլոկի ստորին եզրին:
• Հորիզոնական:
• ձախ- պատկերի ձախ եզրը հավասարեցված է էջի կամ բլոկի ձախ եզրին.
• կենտրոն- պատկերի կենտրոնը հավասարեցված է էջի կամ բլոկի կենտրոնին.
• ճիշտ- պատկերի աջ եզրը հավասարեցված է էջի կամ բլոկի աջ եզրին:

Մենք գրում ենք օրինակ կոդ տոկոսներով, երկարության միավորներով և հիմնաբառերով.

մարմին (
ֆոնային պատկեր: url( պատկերի ֆայլի հասցեն) ;
ֆոնային դիրք՝ 0% 0%
}

Մարմին (
ֆոնային պատկեր: url( պատկերի ֆայլի հասցեն) ;
ֆոնի դիրքը՝ 10px 25սմ
}

Մարմին (
ֆոնային պատկեր: url( պատկերի ֆայլի հասցեն) ;
ֆոնային դիրք՝ վերևի կենտրոն
}