Կայքի դասավորության երկու տեսակ կա `աղյուսակային և բլոկ: Եվ չնայած առաջինն ավելի հարմար է պարզ html էջեր ստեղծելու համար, վերջինը իդեալական է, եթե անհրաժեշտ է առանձին տարրեր ավելացնել բլոկների տեսքով:
Հրահանգներ
Քայլ 1
Գոյություն ունեն երկու մեթոդներ, որոնք թույլ կտան ինքներդ զարգացնել բլոկի ձևավորում. Կասկադային ոճի թերթերը փաստաթղթի մեջ մտցնելով կամ դրանք արտաքին ռեսուրսից միացնելով: Երկուսն էլ տալիս են նույն արդյունքը, ուստի նրանց միջև հիմնարար տարբերություն չկա: Առաջին դեպքում, տեղադրեք հետևյալ կոդը ցանկացած տեղ style.css ֆայլում.
.բլոկ 1 {
}
Block1 - բլոկի անվանումը, կարող եք գրել ցանկացած այլ: Գանգուր ամրացումների միջև նշեք պարամետրերը հետևյալ ձևաչափով. Հատկանիշի անուն> աղիք> արժեք> կետակետ (ներառյալ տեղադրված գանգուր ամրոցի առաջ): Սովորաբար օգտագործվում են հետևյալ տարրերը.
- լայնություն - լայնություն (500px, 100% և այլն);
- բարձրություն - բարձրություն (200px, 25% և այլն);
- ֆոն - ֆոնի գույն (դեղին, կարմիր, # 000000);
- լիցք - բլոկի ներսում պարունակության շուրջ լցոնում (0px, 20%);
- լուսանցք - արտաքին լուսանցքներ բլոկից (15px, 40%);
- եզրագիծ - շրջանակ (եզրագիծ ՝ պինդ 0 հատ սեւ;);
- բոց - հավասարեցում (ձախ, աջ);
- սահմանի շառավիղ - անկյունների կլորացում (եզրագծի շառավիղ: 10 px;):
Քայլ 2
CSS- ի երկրորդ օգտագործման դեպքում ավելացրեք ոճավորումը և պիտակների միջև.
.բլոկ 1 {
}
Եվ ավելացրեք ձեր ուզած պարամետրերը:
Քայլ 3
Տեղադրեք բլոկը կայքի ցանկալի վայրում `օգտագործելով հրահանգը.
Բլոկ 1
Պահպանեք և թարմացրեք էջը, այն պետք է հայտնվի: Հիշեք, որ բարձրության հավասարեցումը կարող է տարբեր լինել `կախված բովանդակության ամբողջական լինելուց: Օրինակ, եթե դուք տեղադրեք 300px, բայց գրեք միայն մեկ տող տեքստ, այն ամբողջությամբ չի ցուցադրվի: Սա կարելի է շտկել, օրինակ, օգտագործելով պահանջվող պարամետրերով աղյուսակ, որը պետք է տեղադրվի բլոկի ներսում, այսինքն. պիտակների միջեւ և. Եվ որպեսզի սահմանները տեսանելի չլինեն, տեղադրեք ատրիբուտը
