HTML եւ CSS դասագիրք սկսնակների համար

HTML-ի հիմունքները

Ներածություն HTML լեզու HTML թեգեր Ատրիբուտներ Ոճեր Էջի հիմնական կառուցվածքը Հիմնական թեգեր Պարբերություններ Վերնագրեր Տեքստի ընդգծում հաստով Տեքստի ընդգծում շեղագիրով Անհերթական ցանկեր Հերթական ցանկեր Հղումներ Ներքին հղումներ Պատկերներ Պատկերի լայնությունը Պատկերի բարձրությունը Պատկերի լայնության և բարձրության սահմանում Աղյուսակներ Աղյուսակի լայնությունը և բարձրությունը Վերնագրային բջիջներ Պրակտիկում

CSS-ի հիմունքներ

CSS-ի Ներածություն Ինչպես աշխատել CSS-ի հետ Գույնի Արժեքներ Ցանկացած Գույներ Լայնություն և Բարձրություն Տեքստի Դասավորում Տեքստի Դասավորում Դեպի Աջ Տեքստի Դասավորում Կենտրոնում Տեքստի Դասավորում Դեպի Ձախ Տեքստի Դասավորում Միաժամանակ Աջ և Ձախ Պրակտիկա Տեքստի Դասավորման Վերաբերյալ Հաստություն Շեղագիր Տառատեսակի Չափ Տառատեսակի Ընտանիք Տողամիջյան Հեռավորություն line-height Արժեքն Առանց Միավորների font Հատկության Կրճատ ձևը Տեքստի Կարմիր Տող Տեքստի էֆեկտներ Տեքստի Ներքևի Գծանշում Տեքստի Վերևի Գծանշում Տեքստի Խաչանշում Տեքստի էֆեկտների Չեղարկում Պրակտիկում

Ընտրիչներ

Տեգերի ազգակցական կապեր Հատկությունների ժառանգում Ընտրիչների խմբավորում Ընդհանուր հատկություններ Ժառանգների ընտրիչներ Երեխայի ընտրիչ Դասի ընտրիչ Span տեգ Div տեգ Դասերի խմբավորում Տեգ տրված դասով Ժառանգների ընտրիչ և դասեր Ժառանգների ընտրիչի և դասերի բարդ համադրություններ Սկսնակների սխալը ժառանգների ընտրիչում Տարրը մի քանի դասերով Ընտրիչ ըստ id-ի Ընտրիչ ըստ id-ի և դասեր Id-ի օգտագործում Ընտրիչ ըստ մի քանի դասերի Մի քանի ընտրիչներ միասին Մի քանի ընտրիչների սխալ Բարդ ընտրիչների խմբավորում Սխալ խմբավորման ժամանակ Մարզում ընտրիչների համադրությունների վրա Ընտրիչների առաջնահերթություն Դիտողություն հատկությունների հակասության վերաբերյալ Սպեցիֆիկության կանոններ Ժառանգների ընտրիչների առաջնահերթություն Հարևան ընտրիչ Ազգակից ընտրիչ Ունիվերսալ ընտրիչ Ատրիբուտների ընտրիչներ Հղումների վիճակներ Հղումների վիճակների հաջորդականության նրբություններ Link և visited վիճակներ Հղումների վիճակների սովորական օգտագործում Բարդ ընտրիչներ հղումներով Հղում դասով Վերջնական տարրերի ընտրություն Ընտրություն ըստ դիրքի Միակ ժառանգի ընտրություն Դատարկ տարրերի ընտրություն Ընտրություն ըստ դիրքի և տարրերի տեսակի ժխտում not

Ձևավորում

Ֆոնի գույն Սահմանների հետ աշխատանքի հիմունքներ Հոծ սահման Կետային սահման Սահման գծիկների տեսքով Դուրս ցցված սահման Կրկնակի սահման Սահմանների համար հատկության-հապավում Սահմաններ տարբեր կողմերի համար Բլոկի սահմանների կլորացում Ֆոնի սահմանների կլորացում Շրջան ստեղծելը Կլորացում տարբեր անկյունների համար Չորս արժեք Երկու արժեք Երեք արժեք Կլորացում տոկոսներով Շրջան ստեղծելը տոկոսային կլորացման դեպքում Նկար ֆոնի համար Ֆոնի նկարի կրկնում Ֆոնի այլ հատկություններ ul ցուցակների մարկերներ ul ցուցակների քառակուսի մարկերներ ul ցուցակների մարկերներ շրջանների տեսքով ul ցուցակների մարկերներ ներկված շրջանների տեսքով ul ցուցակների մարկերների բացակայություն ol ցուցակների մարկերներ Փոքրատառ հռոմեական թվեր ol ցուցակների համար Մեծատառ հռոմեական թվեր ol ցուցակների համար Փոքրատառ լատինական տառեր ol ցուցակների համար Մեծատառ լատինական տառեր ol ցուցակների համար Փոքրատառ հունական տառեր ol ցուցակների համար Թվեր առաջատար զրոյով ol ցուցակների համար

Բլոկային մոդել

Արտաքին բաց տարածություն margin Margin բաց տարածություններ տարբեր կողմերի համար Մի քանի արժեքներ margin-ում Չորս արժեք margin-ում Երկու արժեք margin-ում Երեք արժեք margin-ում Ներքին բաց տարածություն padding Padding բաց տարածություններ տարբեր կողմերի համար Մի քանի արժեքներ padding-ում Տարրերի ընդլայնում Սահմանի ազդեցությունը տարրերի ընդլայնման վրա Padding-ի և սահմանի համատեղ ազդեցությունը տարրերի ընդլայնման վրա Տարրերի ընդլայնման չեղարկում Բլոկային տարրեր Բլոկային տարրի լայնություն և բարձրություն Բլոկային տարրի լայնություն Բլոկային տարրի բարձրություն Բարձրություն առանց բովանդակության Մի քանի բլոկային տարրեր կողք կողքի Տողային տարրեր Տողային տարրի լայնություն և բարձրություն Մի քանի տողային տարրեր կողք կողքի Բաց տարածություններ տողային տարրերի միջև Բլոկային մոդելի սահմանում Display հատկություն Տողային-բլոկային տարրեր Տողային-բլոկային տարրի լայնություն և բարձրություն Տողային-բլոկային տարրի լայնություն Տողային-բլոկային տարրի բարձրություն Մի քանի տողային-բլոկային տարրեր կողք կողքի Բլոկային տարրերի հավասարեցում Բլոկային տարրի հավասարեցում ձախ բաց տարածությամբ Բլոկային տարրի հավասարեցում աջ բաց տարածությամբ Տողային տարրերի հավասարեցում Տողային տարրերի կենտրոնացում Մի քանի տողային տարրերի կենտրոնացում Տողային տարրերի հավասարեցում աջ եզրով Տողային-բլոկային տարրերի հավասարեցում Տողային-բլոկային տարրերի կենտրոնացում Տողային-բլոկային տարրերի հավասարեցում աջ եզրով Ֆլեքս տարրեր Ֆլեքս տարրերի ծնողի բարձրություն Ֆլեքս տարրերի ծնողի լայնություն Տողային-բլոկային ծնող Ծնողի padding բաց տարածություններ Margin բաց տարածություններ սերունդներին Ֆլեքս տարրերի հավասարեցում Ֆլեքս տարրերի հավասարեցում կենտրոնով Ֆլեքս տարրերի հավասարեցում ծնողի նկատմամբ Ֆլեքս տարրերի հավասարեցում ծնողի նկատմամբ բաց տարածություններով Ֆլեքս տարրերի հավասարեցում ծնողի նկատմամբ հավասար բաց տարածություններով

Դիրքավորում

Բացարձակ Հարաբերական Ծնողի նկատմամբ բացարձակ Բացարձակի նկատմամբ բացարձակ Բացարձակ առանց կոորդինատների Կենտրոնացում absolute-ի միջոցով Absolute-ի բացասական արժեքներ Ֆիքսված դիրքավորում Էկրանի ամբողջ լայնությամբ բլոկ Տարրերի դասավորություն Z առանցքի վրա Տարրերի դասավորության կարգավորում Z առանցքի վրա z-index-ի բացասական արժեքի կիրառման նրբություններ

Ֆլոատներ

Ներածություն float հատկության մասին Float հատկությունը և թեգերը Float-ի և margin-ի համադրություն Float-ի և padding-ի համադրություն Լողացող էլեմենտները թեգերի տակ Ֆլոատների ազդեցությունը ծնողի վրա Ֆլոատների ծնողի բարձրությունը Տեքստը ֆլոատների ծնողում Շրջահոսում Շրջահոսման չեղարկում Առանձին դիվ clearfix-ով Ծնողի բարձրությունը և clearfix-ը Float հատկությունը բլոկների համար Float հատկությունը և մի քանի բլոկներ Float հատկությունը և տեքստ չպարունակող ծնող

Ֆլեքսեր

Տեղադրում տողով կամ սյունակով Ֆլեքս տարրերի տեղադրում շրջված տողով Ֆլեքս տարրերի տեղադրում սյունակով Ֆլեքս տարրերով սյունակի շրջում Գլխավոր և լայնակի առանցքներ Գլխավոր առանցքի երկայնքով հավասարեցում Լայնակի առանցքի երկայնքով հավասարեցում align-items հատկության center արժեքը Կենտրոնացում բլոկների բարձրություն չունենալու դեպքում Տարբեր բարձրությամբ բլոկների կենտրոնացում align-items հատկության stretch արժեքը Պրակտիկա առանցքների երկայնքով հավասարեցման վերաբերյալ Առանձին տարրի հավասարեցում Ֆլեքս բլոկների հերթականություն

Գրիդներ

Ներածություն գրիդների մասին Տրեկներ և գծեր Ցուցադրում դեբագգերում Սյուներ Fr միավորը Կոտորակային fr-ներ Պիքսելներ և fr Տոկոսներ և fr Repeat ֆունկցիան Auto արժեքը Auto-fill արժեքը Minmax ֆունկցիան Auto-fit արժեքը Տողեր Տողերի և սյուների համառոտագրությունը Տողերի միավորումը Սյուների միավորումը Միավորումների համակցություններ Սյուների համընկնում Սյուների միջև հեռավորությունը Տողերի միջև հեռավորությունը Սյուների և տողերի միջև հեռավորությունը Պլիտներ

Դասավորություններ

Մենյուի ստեղծում Կայքի պարզ միասյուն դասավորություններ Բազմապատիռներով դասավորությունների սխեմա Կայքի կառուցվածքային բլոկներ Երկուսյուն դասավորության սխեմա Կայքի երեքսյուն դասավորության սխեմա Կայքի տարրերի դասավորման համար նախատեսված հատուկ թեգեր Դասավորման հիմնական թեգեր Բաժինների համար նախատեսված թեգ Պրակտիկում դասավորությունների վերաբերյալ

↑