CSS- ը նախանշում է ավելին, քան սահմանը
CSS- ի նախագիծը շփոթեցնող հատկություն է: Երբ դուք առաջինը սովորում եք այդ մասին, դժվար է հասկանալ, թե ինչպես է այն հեռավոր տարբերվում սահմանային գույքից: W3C- ը բացատրում է այն, որ ունենալու են հետեւյալ տարբերությունները.
- Նախագծերը տեղ չեն զբաղեցնում:
- Նախագծերը կարող են լինել ոչ ուղղանկյուն:
Հատկանիշներ չեն տարածում
Այս հայտարարությունն ինքնին շփոթեցնող է: Ինչպես կարող է ձեր վեբ էջի առարկան տեղ չի զբաղեցնում վեբ էջում: Բայց եթե մտածեք ձեր վեբ էջի մասին, որպես սոխ նման, յուրաքանչյուր էջի էջը կարող է դասավորված լինել մեկ այլ կետի վերեւում: Պլանշետի գոտին չի տարածվում, քանի որ այն միշտ տեղադրվում է տարրերի տուփի վերեւում:
Երբ մի ուրվագիծը տեղադրվում է տարրերի շուրջ, դա որեւէ ազդեցություն չի ունենում, թե ինչպես է այդ տարրը դրվում էջում: Այն չի փոխում տարրի չափը կամ դիրքորոշումը: Եթե դուք մի տարր եք դնում նախագիծը, այն կստանձնի նույն քանակի տարածություն, կարծես այդ տարրը չունեք: Սա սահմանի մասին չէ: Element- ի սահմանը ավելացվում է տարրի լայնությունը եւ բարձրությունը: Այսպիսով, եթե դուք ունեք 50 պիքսել լայնություն ունեցող պատկեր , որից 2 պիքսել սահման, ապա կպահանջվեր 54 փիքսել (յուրաքանչյուր կողմի համար 2 պիքսել): 2-նիշային գծի նույն պատկերը, որը ձեր էջում կպահանջեր ընդամենը 50 փիքսել լայնություն, ուրվագծերը ցույց կտան պատկերը արտաքին եզրին:
Նշվածները կարող են լինել ոչ ուղղանկյուն
Նախքան սկսեք մտածել «զով, հիմա կարող եմ նկարել շրջանակներ»: Նորից մտածիր. Այս հայտարարությունը այլ իմաստ ունի, քան դուք կարող եք մտածել: Երբ տարր եք դնում սահմանը, զննարկիչը տարրը մեկնաբանում է, կարծես այն հսկա ուղղանկյուն տուփ էր: Եթե արկղը բաժանվում է մի քանի գծերի, զննարկիչը պարզապես թողնում է եզրերը, քանի որ արկղը փակված չէ: Դա, կարծես, զննարկիչը տեսնում է անսահմանափակ լայն էկրանով սահմանը, որը բավարար է այդ սահմանի համար `մեկ շարունակական ուղղանկյուն:
Ընդհակառակը, նախագիծը հաշվի է առնում: Եթե նախանշված տարրը մի քանի գծեր է տարածում, ուրվագիծը փակվում է գծի վերջում եւ կրկին սկսում է հաջորդ գծում: Հնարավորության դեպքում, ուրվագիծը կախված կլինի նաեւ լիովին կապակցված, ոչ ուղղանկյուն ձեւավորելով:
Պլանավորման միջոցների օգտագործումը
Պլանշետի գույքից լավագույնս օգտագործելը նշանակում է որոնման տերմիններ: Շատ կայքերն արվում են ֆոնի գույնով, բայց կարող եք նաեւ օգտագործել ուրվագիծը եւ մտահոգվեք ձեր էջերում որեւէ լրացուցիչ ընդգրկույթ ավելացնելու մասին:
Նախագծի գույնի գույքը ընդունում է «անջատել» տերմինը, որը կազմում է ներկառուցված գույնը ընթացիկ ֆոնի հակադարձ: Սա թույլ է տալիս դարձնել դինամիկ վեբ էջերի տարրերը, առանց կարիքի իմանալ, թե ինչ գույներ են օգտագործվում :
Դուք կարող եք նաեւ օգտագործել գծային գիծը, ակտիվ հղումներով կետավոր գծի հեռացման համար: CSS-Tricks- ից այս հոդվածը ցույց է տալիս, թե ինչպես հեռացնել կետավոր գծապատկերը: