Կարծում եմ՝ չկա մի կայք, որտեղ գույքը չօգտագործվի CSS ֆոն. Թվում է, թե ինչ կարող է լինել ավելի պարզ, քան այս հատկությունը: Բայց ոչ, դրա հնարավորությունները շատ ավելի լայն են, քան նկարի կամ գույնի սովորական նշանակումը որպես էջի ֆոն: Որոշ բաներ ծանոթ կլինեն, իսկ մյուսները, հավանաբար, շատերի համար նորություն կլինեն: Ամեն դեպքում, օգտակար կլինի մանրամասն իմանալ, թե ինչպես է աշխատում ֆոնը։

CSS3-ը շատ նոր բաներ բերեց սեփականությանը, ինչպիսիք են թափանցիկությունը և մի քանի պատկերներ հատկացնելը որպես ֆոն, բայց մենք այս մասին կխոսենք ստորև, բայց նախ կանդրադառնանք գույքի հիմունքներին: ֆոն.

Ֆոնի գույնը

Ես ավելի քան վստահ եմ, որ դուք արդեն մեկից ավելի անգամ հատկացրել եք ֆոնի գույնը։ Դա կարելի է անել մի քանի տեսակի նշումների միջոցով՝ սովորական (օգտագործվում է գույնի անվանումը), տասնվեցական կամ RGB նշում: Յուրաքանչյուր տեսակ համարժեք է, օգտագործեք այն, ինչ ձեզ ավելի լավ է դուր գալիս: Ես փորձում եմ օգտագործել ամենակարճ տարբերակը, և ավելի հեշտ ընկալման համար ստացված ոճի ֆայլը մի փոքր ավելի փոքր է չափերով։

P (ֆոնի գույնը՝ կարմիր;) p (ֆոնի գույնը՝ #f00;) p (ֆոնի գույնը՝ #ff0000;) p (ֆոնի գույնը՝ rgb(255, 0, 0;))

CSS3-ն աջակցում է թափանցիկությանը, այնպես որ մենք կարող ենք այն ավելացնել մեր գույնին, օրինակ այսպես.

P (ֆոնի գույնը՝ rgba (255, 0, 0, 0.5);)

Վերջին ցուցանիշը սահմանեց թափանցիկությունը 50%: Դուք կարող եք սահմանել թափանցիկության արժեքը 0-ից (ամբողջովին թափանցիկ ֆոն) մինչև 1 (ամբողջովին անթափանց):

ֆոն-պատկեր

Այս հատկությունը նույնպես օգտագործվում է շատ հաճախ, այն թույլ է տալիս վերագրել պատկերը ֆոնին: CSS3-ն ավելացրել է բազմաթիվ պատկերներ ֆոնին վերագրելու հնարավորությունը՝ յուրաքանչյուրը ստեղծելով իր սեփական շերտը, այնպես որ յուրաքանչյուր հաջորդը համընկնում է նախորդի հետ: Ինչու՞ սա կարող է օգտակար լինել: Ամեն ինչ բավականին պարզ է. ենթադրենք, որ դուք պետք է պտտեք փոքրիկ ծալքեր կայքի յուրաքանչյուր անկյունում: Հաշվի առնելով քիչ թե շատ ռետինե դասավորությունը, մեկ պատկեր օգտագործելը տարբերակ չէ: Հետևաբար, մենք կազմում ենք 4 «շերտ», յուրաքանչյուր պատկեր տեղափոխում ենք իր անկյունը և վերջ, խնդիրը լուծված է։

Տեքստ (ֆոն-պատկեր՝ url(«image1»), url(«image2»), url(«image3»))

Եթե ​​Ձեզ անհրաժեշտ է մեկ պատկեր վերագրել ֆոնին, ապա կոդում թողնում ենք միայն առաջինը, կարծում եմ՝ դա հասկանալի է։
Ցանկացած պատկեր որպես ֆոն օգտագործելիս պետք է հիշել երկու կանոն.

• սահմանեք հակապատկեր ֆոնի գույն, եթե օգտագործողը ինչ-ինչ պատճառներով չի տեսնում պատկերը: Այն կարող է պարզապես անջատել նկարների ցուցադրությունը՝ խնայելով թրաֆիկը:
• Մի օգտագործեք ֆոնային պատկեր որևէ կարևոր տեղեկատվություն փոխանցելու համար: Վերը նշված պատճառներով օգտվողը կարող է չտեսնել այն:

Բազմաթիվ ֆոնային պատկերների աջակցությունը բավականին ընդարձակ է: Բոլոր բրաուզերները, նույնիսկ IE8-ը, աջակցում են այս հատկությանը:

Եվ այստեղ մենք գալիս ենք հիմնականին, եկեք վերափոխենք սա. «Կայքը սկսվում է հետին պլանից»: Բլոգերներից շատերը «դասական բլոգներ» են անում սպիտակ ֆոնով, բայց մենք այլ ճանապարհով կգնանք: Անցեք հիանալի գույքի կողքով CSS ֆոնային պատկեր, չենք կարող։

Ինչ է այն անում? Այս գույքը CSS ֆոնային պատկերպատկերը որպես ֆոն տեղադրում է տարբեր տարրերի մեջ HTML- էջեր. Այն չի սահմանափակվում միայն պիտակով մարմինըև լայնորեն օգտագործվում է վեբ կայքի ձևավորման մեջ, օրինակ՝ div, li, p, աղյուսակ, վերնագիր, ստորագիր.

Դիտարկենք օրինակ.

Կայքի դիզայնը սկսվում է ֆոնից:

Ճիշտ կլինի ֆոնի համար գույն նշել՝ հատկություն Ֆոնի գույնը, որպես անվտանգության ցանց, եթե պատկերը չի բեռնվում: Փակագծերում url ()նշեք նկարներով դեպի թղթապանակ տանող ճանապարհը:

Լռելյայնորեն, պատկերը կկրկնվի «սալիկի» պես, մինչև այն լրացնի ամբողջ բրաուզերի էկրանը, երբ մենք շարժվում ենք ներքև, մեր «սալիկը» կլրացնի և՛ երկրորդ էկրանը, և՛ երրորդը, ճիշտ այնքան, մինչև էջի բովանդակությունը սպառվի. . Հասկանալի է, որ նման արդյունքը դիզայներական մտքի բարձրությունը չէ, և մենք չենք ունենա «լոգարան», այլ պարզապես բլոգ, որտեղ ընթերցելիությունը շատ կարևոր կետ է։

«Սալիկավորությունից» ազատվելու պարզ տարբերակն է օգտագործել մեծ պատկեր, առնվազն 1024 px լայնությամբ, որպեսզի այն լրացնի ամբողջ էկրանը: Լավ լուծում կլինի նաև անթերի հյուսվածք գտնելը, երբ բազմապատկվի, նախշը մեկ ամբողջության տեսք կունենա։

Ինչպե՞ս ֆոնն ավելի գրավիչ դարձնել:

Փառք Աստծո, որ դրա համար ունենք օգնականներ.

• չկրկնվել- անջատել կրկնությունը
• կրկնել-x– կրկնել նախշը միայն հորիզոնական
• կրկնել-y– կրկնել օրինակը միայն ուղղահայաց

Օրինակ:

Բլոգի վերնագիր

Սա ֆոնային հյուսվածք է, որը կրկնվում է միայն հորիզոնական:

Հաջորդ օգնականը՝ սեփականություն ֆոն-դիրք, թույլ է տալիս տեղադրել ֆոնային պատկերը էկրանի ցանկացած կետում: Այս տեխնիկան լայն տարածում ունի ժամանակակից վեբ դիզայնում։ Մենք ունենք նկար, բայց այն բովանդակության մաս չէ, այլ ծառայում է միայն որպես կայքի զարդարանք։

Վերնագիր

Տվյալ դիրքավորմամբ չկրկնվող ֆոնի օրինակ:

Նկարը ցուցադրվում է միայն մեկ անգամ և գտնվում է աջ կողմում։

Աջ եզրից նահանջը սահմանված է 200 px՝ տեքստի ֆոնի հետ բախումից խուսափելու համար:

Եթե ​​մենք ցանկանում ենք, որ պատկերը միշտ տեսանելի լինի, երբ էկրանը ոլորվում է ներքև, մենք պետք է հատկություն ավելացնենք վերևի կոդի վրա. ֆոն-կցորդ՝ ֆիքսված;

Ո՞րն է տարբերությունը imgԵվ ֆոն-պատկեր?

Տարբերությունը հիմնարար է, պիտակ imgուղղակիորեն տեղադրվում է մարմնի մեջ HTML-էջ և պատասխանատու է բովանդակության համար (նկարազարդումներ, լուսանկարներ, ավատարներ), կրում է իմաստային բեռ: Շատ կարևոր է, որ պատկերը ինդեքսավորվի որոնման համակարգերի կողմից և ներառվի որոնման արդյունքներում: Հատկություններ CSS ֆոնային պատկեր– դարձնել կայքը յուրահատուկ և գեղեցիկ, այսինքն՝ սա դիզայն է, որը պետք է տեղափոխվի արտաքին ֆայլ CSSոճերը կամ օգտագործել տարրի ներսում ոճը.

Իհարկե, սա չի նշանակում ֆոն-պատկերչի աշխատի, եթե տեղադրվի մարմնի մեջ HTML- էջեր. Բայց ես խստորեն խորհուրդ եմ տալիս, որ դիզայնի հետ կապված ամեն ինչ հաշվի առնվի CSS. Արդյունքում մենք կստանանք մաքուր HTML- կոդը:

• Սա դրական ազդեցություն կունենա կայքի ինդեքսավորման վրա, որոնողական բոտերը կսիրեն ձեր կայքը և ավելի հաճախ այցելեն այն:
• Ձեր այցելուները նույնպես գոհ կմնան, կայքն ավելի արագ կբեռնվի իր թեթև քաշի շնորհիվ։
• Ձեզ համար՝ որպես վեբ-վարպետի, ավելի հեշտ է աշխատել մաքուր կոդով:

Դե, մենք քիչ թե շատ դիտարկել ենք գույքի օգտագործման բոլոր տարբերակները CSS ֆոնային պատկեր. Ավելի շատ գործնական ընկերներ: Ազատորեն պատճենեք կոդը և հայտնեք ձեր սեփական տատանումները:

հակիրճ տեղեկատվություն

CSS տարբերակները

Արժեքներ

url Արժեքը դեպի գրաֆիկական ֆայլ տանող ուղին է, որը նշված է url() կառուցվածքի ներսում: Ֆայլի ուղին կարող է գրվել կամ չակերտներով (կրկնակի կամ միայնակ) կամ առանց դրանց: none Անջատում է տարրի ֆոնային պատկերը: inherit Ժառանգում է ծնողի արժեքը:

HTML5 CSS2.1 IE Cr Op Sa Fx

Օբյեկտի մոդել

document.getElementById("elementID").style.backgroundImage

Բրաուզերներ

Internet Explorer-ի մինչև 7.0-ը ներառյալ տարբերակները ֆոն են կիրառում այն ​​տարրի ներքին եզրագծին, որն ունի hasLayout հատկության հավաքածու: Եթե ​​տարրը չունի hasLayout , ապա ֆոնային պատկերի հատկությունը կհարգի տարրի սահմանները, ինչպես նշված է ճշգրտման մեջ: Ցուցադրման տարբերությունը նկատելի կլինի, եթե եզրագծերը լինեն գծավոր կամ կետավոր, այլ ոչ թե ամուր:

Եթե ​​տարրը դրված է ոլորման կամ ավտոմատի վրա, Internet Explorer 8-ը կունենա մեկ պիքսել ուղղահայաց ուշացում, երբ ֆոնը պտտվում է:

Internet Explorer-ի մինչև 7.0-ը ներառյալ տարբերակները չեն աջակցում ժառանգության արժեքը:

Եթե ​​ֆոնը դրված է աղյուսակի տողի համար (պիտակ ), այնուհետև Chrome-ը, Safari-ն, iOS-ը ցուցադրում են այն ոչ այնպես, ինչպես սահմանված է սպեցիֆիկացիայով, մասնավորապես յուրաքանչյուր բջիջի համար առանձին: Մինչ զննարկիչը պետք է ցույց տա ամուր ֆոն ամբողջ շարքի համար: Օրինակ 2-ը ցույց է տալիս սխալը ցուցադրող կոդը:

HTML5 CSS2.1 IE Cr Op Sa Fx

1

2

3

Այս օրինակի արդյունքը Chrome բրաուզերում ներկայացված է Նկ. 1. Internet Explorer, Opera և Firefox բրաուզերները ճիշտ են ցուցադրում գծի ֆոնը (նկ. 2):

Բրինձ. 1. Կրկնեք ֆոնը յուրաքանչյուր բջիջի համար

Բրինձ. 2. Ամբողջ գծի ֆոն

Ողջույն, բլոգի կայքի հարգելի ընթերցողներ: Այսօր մենք կանդրադառնանք CSS-ի հինգ կանոններին, որոնք թույլ են տալիս ֆոն դնել Html-ում ցանկացած տարրի համար՝ ֆոնային դիրք (պատկեր, կրկնություն, գույն, հավելված): Դե, եկեք չմոռանանք նաև նշել ֆոնային բարդ կանոնը:

Սրա մեջ բարդ բան չկա, բայց կան որոշակի նրբություններ և նրբերանգներ, որոնք դուք պետք է իմանաք պատրաստի ձևանմուշի մասին (հիշեք, որը կօգնի բացահայտել ցանկացած դիզայնի բոլոր նրբությունները):

Եվս մեկ անգամ հիշեցնեմ, որ այս հոդվածը մի շարքի մի մասն է, և լավագույնը կլինի սկզբից սկսել ուսումնասիրել ոճի նշագրումը, մասնավորապես՝ հոդվածով այն մասին, թե ինչ է CSS-ը և ինչով է այն օգտագործվում, իսկ հետո հետևել տրված հերթականությանը: տեղեկատու գրքում։ Չնայած, ամեն դեպքում, դա կախված է ձեզանից, բայց հիմա եկեք խոսենք նախապատմությունը սահմանելու մասին:

Գույն, ֆոնի գույն և ֆոնային պատկեր

Եկեք նախ տեսնենք, թե ինչպես կարելի է օգտագործել Html տարրերի գույնը Css գույնի կանոններ. Փաստորեն, այստեղ ամեն ինչ պարզ է. Շարահյուսությունը լիովին նորմալ է, և դուք կարող եք գույնը սահմանել այն համաձայն, թե ինչպես է դա արվել հիպերտեքստի նշագրման լեզվով: Ինչպես հիշում եք, տեղադրվում է հեշ նշանից հետո (հեշ - «#fe35a3»), կամ օգտագործելով երեք նիշ, եթե առաջինը համընկնում է երկրորդի արժեքի հետ, երրորդը՝ չորրորդին, իսկ հինգերորդը՝ համապատասխանաբար, վեցերորդին ( «#aa33ff» գունային կոդը կարելի է համառոտ գրել «a3f»):

Նաև Html և Css կոդերի գույները կարող են ներկայացվել բառերի տեսքով (օրինակ՝ «կարմիր»), բայց ամենից հաճախ օգտագործվում է տասնվեցական ծածկագիրը.

Գույն՝ #303

Որպես օրինակ, ես այս փոքրիկ պարբերությունը գունավորեցի նույն գույնով, ինչ վերևում (#303): Այժմ այն ​​մի փոքր տարբերվում է մնացած բոլոր պարբերությունների գույնից (ավելի մուգ), որը դրված է #555-ի այն WordPress թեմայի CSS ֆայլում, որը ես օգտագործում եմ: Բայց գույնը օգտագործելով գույնը սահմանելը բավականին պարզ է, բայց ֆոնի հետ մի փոքր ավելի բարդ կլինի:

Այսպիսով, Css-ի ֆոնի համարԿան հինգ կանոններ, որոնք ցանկության դեպքում կարելի է միավորել մեկի մեջ: Դրանք տեսնելու համար կարող եք գնալ W3C-ի ընթացիկ սպեցիֆիկացիաների էջ և փնտրել որևէ բան, որի վրա գրված է Background:

1. ֆոնի գույն - օգտագործելով այս կանոնը, դուք սահմանում եք ֆոնի գույնը ցանկացած Html տարրի համար: Դուք կարող եք օգտագործել կամ ծածկագիրը կամ ստվերի անունը, այսինքն. ամեն ինչ ճիշտ նույնն է, ինչ եղել է գույն օգտագործելիս:

ֆոնային պատկեր - դրա հետ դուք կարող եք օգտագործել նկարը որպես ֆոն (բայց անպայման կարդացեք դրա մասին, քանի որ ծանր նկարները կդանդաղեցնեն էջերի բեռնումը), որի ուղին կնշվի url () ֆունկցիոնալության մեջ:

Եթե ​​նայեք ճշգրտմանը, կտեսնեք դա լռելյայն ֆոնի գույնըցանկացած տարր կլինի թափանցիկ (կանոնի լռելյայն արժեքն է «background-color:transparent»): Ճիշտ է, տարրերում այն ​​լռելյայն թափանցիկ չի լինի, քանի որ Սրանք համակարգի տարրեր են, և դրանց մասին ամեն ինչ տարբերվում է և տարբերվում է սովորական հիպերտեքստային նշագրման լեզվական պիտակներից:

Ֆոնի գույնի գույնը սահմանվում է որպես ստանդարտ (վեց կամ երեք նիշ տասնվեցական կոդի կամ բառ).

Ֆոնի գույնը՝ #FEFCDE

Օրինակ, այս պարբերության նախապատմությունը նշված է ֆոնի գույնի միջոցով՝ հենց վերևում տրված գունային կոդով:

Մնացած բոլոր չորս CSS կանոնները կվերաբերեն միայն ֆոնային պատկերին, որը կարող է սահմանվել ցանկացած Html տարրի համար և, ցանկության դեպքում, ճշգրիտ տեղադրվել: Որ գրաֆիկական ֆայլը կօգտագործվի, կարելի է նշել՝ օգտագործելով ֆոն-պատկեր.

Եթե ​​նայեք նշագրման լեզվի առանձնահատկություններին, կտեսնեք, որ ֆոնային պատկերը լռելյայն է «ոչ մեկը» (այսինքն՝ ֆոնի համար ոչ մի պատկեր չի օգտագործվում): Դե, եթե դա ձեզ դեռ պետք է, ապա url() ֆունկցիոնալության մեջ դուք պետք է նշեք դրա ուղին.

Background-image:url(https://site/image/comment_top_focus.gif);

Օրինակ, այս պարբերության համար ես օգտագործել եմ ֆոն ունեցող գրաֆիկական ֆայլ, որի ուղին նկարագրված է հենց վերևում: Դուք տեսնում եք, որ այս պարբերության համար հատկացված ամբողջ տարածքը ծածկված է կրկնվող պատկերով, որը բնօրինակում այսպիսի տեսք ունի.

Նրանք. երբ օգտագործվում է միայն մեկ ֆոնային պատկերի կանոն, որը ցույց է տալիս դեպի գրաֆիկական ֆայլի ուղին, այս նույն պատկերը կբազմապատկվի և՛ ուղղահայաց, և՛ հորիզոնական, մինչև այն ծածկի վեբ էջի վրա հատկացված ամբողջ տարածքը այս հատուկ Html տարրի համար (մեր օրինակում դա էր պարբերություն): Ինչու է դա տեղի ունենում:

Background-repeat - կրկնել ֆոնային պատկերը

Այո, քանի որ մենք չենք նշել որևէ արժեք CSS կանոնի համար ֆոն-կրկնել, ինչը նշանակում է, որ դրա համար կօգտագործվի լռելյայն արժեքը։ Նայելով ճշգրտմանը, մենք պարզում ենք, որ այս արժեքը համապատասխանում է «կրկնել» (կրկնել պատկերը բոլոր առանցքների վրա): Պատասխանը եկավ բնականաբար.

Հետևաբար, ֆոնային կրկնությամբ մենք կարող ենք կառավարել ֆոնային պատկերների կրկնությունները. Այս կանոնը կարող է ունենալ միայն չորս իմաստ.




Background-position - ֆոնային դիրքավորում

Հիմա հարց է առաջանում՝ հնարավո՞ր է ֆոնային պատկերը հեռացնել տարածքի վերին ձախ անկյունից՝ սահմանափակելով տարրի չափը։ Իհարկե, դուք կարող եք, և այս նպատակով կա առանձին կանոն։ ֆոն-դիրք:



Նայելով CSS-ի ճշգրտմանը, պարզ է դառնում, թե ինչու է ֆոնային պատկերը լռելյայն սեղմված հենց Html տարրի տարածքի վերին ձախ եզրին: Քանի որ «0% 0%» արժեքը ֆոնային դիրքի կանոնի լռելյայն արժեքն է:

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

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

Ֆոնային պատկերի դիրքավորումը սահմանելիս օգտագործելով բացարձակ միավորներֆոնային դիրքում դրա վերջնական դիրքը որոշելու համար օգտագործվում է հետևյալ սկզբունքը.

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

Background-image:url(https://site/image/logo.svg?1); ֆոն-կրկնել:չկրկնել; ֆոնի դիրքը՝ 400px 25px;

Խնդրում ենք նկատի ունենալ, որ այս դեպքում այն ​​կհավասարեցվի դիտման տարածքի կենտրոնին, և ոչ թե այս պարբերությունների համար հատկացված տարածքի կենտրոնին: Հասկանալի է, որ իրականում ֆոնային պատկերի նման տեղադրումը դժվար թե օգտագործվի։

Այնուամենայնիվ, եթե դուք սահմանեք ֆիքսված ֆոնային դիրք այնպիսի տարրերի համար, ինչպիսիք են Body-ը կամ Html-ը (այսինքն՝ պիտակներում, որոնք ընդգրկում են ամբողջ վեբ էջը), ապա այս պատկերը միշտ տեսանելի կլինի տեսադաշտում, և դա հենց CSS ֆոնային հավելվածի օգտագործումն է: սեփականություն ժամանակակից բլոկի դասավորությամբ:

Էլի կա՞ հավաքովի կանոն Նախապատմություն, որը թույլ է տալիս միավորել վերը նկարագրված բոլոր հինգ կանոնները մեկ շշի մեջ։ Ավելին, համակցված տարբերակի բոլոր հինգի արժեքները կարող են օգտագործվել ցանկացած կարգով և քանակով (դրանք եզակի են, և զննարկիչը չի շփոթի դրանք միմյանց հետ): Այն, ինչ դուք հստակորեն չեք նշում, դիտարկիչը կընդունի որպես լռելյայն արժեք:

Png) առանց կրկնության 50%;

Պարզության համար այս պարբերության վրա կիրառվում է նախապատրաստման օրինակի կանոնը: Գեղեցիկ չստացվեց, բայց դա չէ գլխավորը։ Այս պարբերությունը օգտագործում է տարօրինակ դեղին ֆոնի լրացում, ինչպես նաև օգտագործում է Liveinternet լոգոյի պատկերը, որը հավասարեցված է պարբերության կենտրոնին: Որովհետեւ Եթե ​​ֆոնային կցման կանոնին որևէ արժեք չի տրվում, ապա օգտագործվում է ոլորման արժեքը (կանխադրված):

Եթե ​​ինչ-որ տարրի համար ցանկանում եք սահմանել միայն գունավոր լրացում և չանհանգստացնել ֆոնային պատկերով, ապա դրա փոխարեն կարող եք դա անել.

Ֆոնի գույնը՝ #FEFCDE

գրել.

Նախապատմություն՝ #FEFCDE

Քանի որ prefab կանոնի բոլոր մյուս արժեքները կվերցվեն լռելյայն, և դա այն է, ինչ ձեզ հարկավոր էր:

Հաջողություն քեզ! Կհանդիպենք շուտով բլոգի կայքի էջերում

Ձեզ կարող է հետաքրքրել

Ցուցակի ոճ (տեսակ, պատկեր, դիրք) - Css կանոններ Html կոդով ցուցակների տեսքը հարմարեցնելու համար Ինչպես կարգավորել կայքի աղյուսակների, ցուցակների և այլ Html տարրերի փոփոխական ֆոնի գույնը՝ օգտագործելով nth-child կեղծ դասը
Դիրք (բացարձակ, հարաբերական և ֆիքսված) - Html տարրերը CSS-ում տեղադրելու եղանակներ (կանոններ՝ ձախ, աջ, վերև և ներքև)
Լողալ և մաքրել CSS-ում՝ բլոկների դասավորության գործիքներ
Մկնիկի կուրսորը փոխելու համար դիրքավորում՝ օգտագործելով Z-ի ցուցիչը և CSS սլաքի կանոնը
Padding, Margin and Border - սահմանել ներքին և արտաքին լիցք CSS-ում, ինչպես նաև սահմաններ բոլոր կողմերի համար (վերև, ներքև, ձախ, աջ)
Ցուցադրել (բլոկ, ոչ մեկը, ներկառուցված) CSS-ում - սահմանել վեբ էջում Html տարրերի ցուցադրման տեսակը
Css-ում առաջնահերթությունները և դրանց աճը՝ կարևոր, ընտրիչների, օգտագործողի և հեղինակի ոճերի համադրության և խմբավորման պատճառով
CSS - ինչ է դա, ինչպես կասկադային ոճի թերթերը միացված են Html կոդի հետ Style-ի և Link-ի միջոցով
Tag, class, Id և ունիվերսալ ընտրիչներ, ինչպես նաև ատրիբուտների ընտրիչներ ժամանակակից CSS-ում