Ամենից հաճախ HTML- էջերում ցուցիչների չափը ճշտելու համար օգտագործվում են CSS լեզվի (Կասկադ ոճի թերթեր) հնարավորությունները: Չնայած HTML լեզվի մեջ մի քանի «տարրական» մնացորդներ կան, որոնք որոշ դեպքերում թույլ են տալիս խորշել: Ստորև բերված են այն տարբերակները, որոնք առավել հաճախ օգտագործվում են, բայց դրանցից բացի, կան դեռևս շատ տարատեսակ հնարքներ, որոնք թույլ են տալիս սահմանել տողեր HTML փաստաթղթերի ոչ ստանդարտ նշագրման համար:
Դա անհրաժեշտ է
HTML և CSS լեզուների հիմնական գիտելիքներ
Հրահանգներ
Քայլ 1
Որոշեք էջի տարրը, որից պետք է ներմուծել: Օրինակ, եթե տեքստը դրված է պիտակի ներսում … (բլոկ), ապա այս բլոկը կլինի այս տեքստի հիմնական տարրը և տողերը պետք է հաշվել բլոկի սահմաններից: Եվ եթե տեքստը (կամ պատկերը) որևէ բլոկի (div, li և այլն) կամ inline (span, p և այլն) տարրերի մեջ չէ, ապա դրա ծնողը կլինի փաստաթղթի մարմինը (body tag): Տեքստի համար ծնողական տարր սահմանելը անհրաժեշտ է, քանի որ հենց նա է պետք սահմանել տողերը կազմող ոճերի նկարագրությունը: Ենթադրենք, որ ձեր տեքստը տեղադրված է div բլոկի մեջ. Տեքստի նմուշ
Քայլ 2
Օգտագործեք CSS լեզվի մարժայի հատկությունը ՝ սահմանելու սահմանները, այսինքն ՝ տարրի սահմաններից հեռավորությունը հարակից տարրերին, ինչպես նաև մայր տարրի սահմաններից: Այս հեռավորությունը կարող է դրվել առանձին `յուրաքանչյուր կողմում լցոնման համար. Մարժա-վերև` վերևից, լուսանցք-աջ - աջից, լուսանցք-ներքև - ներքևից, լուսանցք-ձախ - ձախից: Վերոնշյալ օրինակի համար այս css կոդը կարող է նման լինել. Div {
margin-top: 10px;
լուսանցք-աջ ՝ 15px;
լուսանցք-ներքևում `40px;
լուսանցք-ձախ ՝ 70px;
} Այստեղ «div» - ը ընտրող է, որը սահմանում է, որ այս ոճը պետք է կիրառվի փաստաթղթի կոդի բոլոր div- երի վրա: CSS շարահյուսությունը թույլ է տալիս բոլոր չորս տողերը միավորել մեկի մեջ. Div {
լուսանցք ՝ 10px 15px 40px 70px;
} Նահանջների արժեքները միշտ պետք է նշվեն այս հերթականությամբ. Նախ `վերևում, ապա` աջից, ներքևից և ձախից: Եթե բոլոր կողմերից փորվածքները նույնն են, ապա բավական է նշել արժեքը մեկ անգամ ՝ div {
լուսանցք ՝ 70px;
} Բացի այդ, դուք կարող եք սահմանել լողացող հորիզոնական մարժա (այսինքն ՝ ձախ և աջ): Սա կարող է շատ օգտակար լինել, երբ անհրաժեշտ է տվյալ լայնության բլոկ տեղադրել զննարկչի պատուհանի հենց կենտրոնում: Theննարկիչը ինքնաբերաբար որոշում է, թե որքան խորշ պետք է լինի երկու կողմերում, եթե գրում եք հետևյալ CSS հայտարարությունը. Div {
լուսանցք ՝ 0 ավտոմատ;
}
Քայլ 3
Լիցքավորելու համար օգտագործեք լցոնման հատկությունը, որը տարրի սահմանից հեռավորությունն է դրա ներսում տեղադրված ցանկացած տարրերի, ներառյալ տեքստը: Այս հատկության շարահյուսությունը ճիշտ նույնն է, ինչ մարժայի հատկությամբ. Div {
լցոնման գագաթ. 10px;
լրացնելով աջ ՝ 15px;
լիցք-ներքևում `40px;
լրացնելով ձախից ՝ 70px;
} Կամ div {
լիցքավորում ՝ 10px 15px 40px 70px;
}
Քայլ 4
Օգտագործեք տեքստ-ներդիր հատկությունը `տեքստի յուրաքանչյուր պարբերության առաջին տողի լրացուցիչ խորացումը սահմանելու համար: Օրինակ ՝ div {
text-indent: 80px;
}
Քայլ 5
Օգտագործեք HTML img պիտակի hspace և vspace հատկանիշները ՝ համապատասխանաբար հորիզոնական և ուղղահայաց խորացումը դեպի պատկերից դեպի արտաքին տարրեր: Օրինակ ՝ այսպես.
Քայլ 6
Օգտագործեք սեղանի պիտակի բջջային ծածկագրման հատկանիշը, եթե անհրաժեշտ է սեղանի բջիջների սահմաններից ելնելով սահմանել դրանց բովանդակությունը: Եվ բջջային տարածության հատկանիշը սահմանում է սեղանի բջիջների միջև տարածությունը: Օրինակ:
| 1 | 2 |
