Թե ինչ է դասավորությունը բլոկի. Թե ինչպես կարելի է պարտադրել մի էջը Ձեր կայքի վրա եւ իրենց սեփական.

Կա ցանկություն է սովորենք անել ձեր սեփական էջերը կայքեր. Ապա եկեք տիրապետում, թե ինչ է թաղամաս դասավորությունը. Դասավորությունը novice կհանդիպի մի շարք դժվարությունների, նրանք ունեն շատ հարցեր: Հաշվի առնել, թե ինչ է թաղամաս կոդավորում.

Կարեւոր tip

Օգտագործեք WYSIWYG խմբագիր, այնպես որ, ամեն ինչ եղել է հստակ. Նրանք, ովքեր գիտեն, թե HTML լավ, աշխատում է նոթատետրում, քանի որ իրենք ամեն ինչ հասկանում. Եւ սկսնակների համար կարող եք օգտվել ծրագրերի, ինչպիսիք են լրագրային կամ, օրինակ, Dreamweaver.

Տեսակները դասավորությունը կայքերից

Կան մի քանի տեսակներ դիրքով:

1. Աղյուսակային:
2. Թաղամաս.
3. Խառը.

Մենք շահագրգռված ենք, որ շրջափակման դասավորությունը: Ինչ տարբերակում դա է սեղանին. Ժամը Արգելափակման դիրքով, օգտագործելով DIV tag ունի որոշակի առավելություններ:

1. Բեռնել նախագծման բլոկների արագ.
2. Բովանդակության դրսեւորվում նյութից (ի տարբերություն սեղանների), ինչպես նաեւ ստանալ տեղի է ունենում: Ինչպես հայտնի է, այդ սեղանների կցուցադրեն միայն այն բանից հետո ողջ սեղանին.
3. Կոդ հետ div-ի ավելի հեշտ է կարդալ.

Դա ոչ բոլոր առավելությունները, ինչը հայտնի է շրջափակման դասավորությունը:

Թե ինչպես կարելի է փոխել Դիրք div-նյութից.

Սա կօգնի մեզ, բոց, - այս գույքը, որն ի վիճակի է հետեւյալը.

1. Հարթեցնել թողել ձախ.
2. Հարթեցնել աջ աջ.
3. Տարր մնում որտեղ նա եղել է, նա չի շարժվել, եթե տրվել ոչ մեկը: Այս արժեքը կլինի լռելյայն.

Մեկ այլ կարեւոր առանձնահատկությունն է, որ մենք պետք է պարզ. Նա կարող է ունենալ 4 արժեքները:

1. Տեղադրման համար առընթեր նախորդ կետի, շարժվել դեպի աջ, թաղամաս - իրավունք.
2. Ձախ հավաքածուներ ստորեւ նախորդ տարր, որը տեղափոխվել է մնացել.
3. Երկուսն էլ տեղադրում նախորդ տեղահանվածների բլոկում.
4. Ոչ մեկը ցույց է տալիս բացակայությունը սահմանափակումների վերաբերյալ դիրքորոշման շրջափակման ազգականի այդ տարրերը, որոնք կարող են տեղափոխվել:

օրինակ

Տեսնենք, թե ինչպես դա կանդրադառնա նման մի թաղամաս շեղման Div. Մենք գրում ենք մեր կոդ:

Ըստ օրենսգրքի տեսնում եք արդյունքը: Այսպիսով, հիման վրա մի քանի հատկություններով կարող է եւ վերահսկվում թաղամաս պայմանավորվածություն, ինչպես կա. Գնալ դեպի հաջորդ պահին: Մենք օգտագործել ենք text-align: center, որպեսզի հարթեցնել յուրաքանչյուր բլոկ ցանկացած բրաուզերի.

Ինչպես դուք կարող եք տեսնել, որ դա բավականին պարզ բլոկը հատակագիծ կայքում. Դա կարեւոր է ուսումնասիրել եւ պրակտիկայում ավելի հատկությունները, որոնք կստեղծեն ավելի ճկուն կառուցվածքը էջերում:

Ինչ - որ բան ավելի կարեւոր

Կա մեկ հայտնի առանձնահատկություն, որն օգտագործվում է դասավորությունը - պաշտոնը, այն օգտագործվում է դիրքավորումը.

Այն արժեքները հատկությունների պաշտոնում:

1. Հարաբերական - սահմանում դիրքորոշումը տարրերի հարաբերական իրենց տեղերում. Դիմում թողել, վերեւ, իրավունք ունեն, ներքեւի տարր շարժվում որոշակի ուղղությամբ.
2. Ստատիկ - նորմալ ցուցադրում տարրը: Այն ստիպում է անիմաստ է օգտագործել ճիշտ / ձախ, վերեւ / հատակին, դա կարող է հանգեցնել ոչինչ.
3. Բացարձակ - բացարձակ դիրքավորում տարր.
4. Հաստատուն - նման բացարձակ. Այն պարտավոր է որոշակի կետի վրա էկրանին, սակայն դա չի փոխում իր դիրքորոշումը, նույնիսկ եթե էջը flipping:

Շատերը դասավորությունը նկատեց, որ այն ժամանակ, երբ, օգտագործելով ֆիքսված, բացարձակ եւ հարաբերական դիրքավորումը բլոկների են superimposed: Եւ ապա հետաքրքիր է իմանալ, թե որն է այն դաշինքների ստորեւ, որը վերը նշված. Պատասխանել այս հարցին, դուք պետք z-index սեփականությունը. Այն բերեց դասավորության նյութից մի նոր մակարդակի. Սա ստիպում է դա հնարավոր է ոչ միայն կատարել դիրքը հարթության, այլեւ միջոցով երրորդ առանցքի Զ արժեքը Նման գույքը կարող է դրական կամ բացասական:

Ստեղծել 3 նյութից. Հաջորդ, փորձ է բացարձակ դիրքավորումը:

Ինչպես դուք կարող եք տեսնել, որ դա շատ հեշտ է փոխել դիրքորոշումը բլոկների. Հիման վրա այն փաստը, որ դուք այժմ կարող է, որպեսզի որեւէ տարրական թաղամաս դասավորությունը էջը: Կիրառելով ավելի հատկությունների, դուք կարող եք բարելավել ձեր հմտությունները: