CSS հետեւանքները: կլորացված անկյուններով տարրերի

Շարահյուսություն Cascading Style թերթ նախագծված է այնպես, պարզապես, որ հնարավորություն ստանալու առավել անսպասելի դիզայն հասանելի է նույնիսկ հեռու է ծրագրավորման եւ զարգացման մարդու կայքերից. Թերեւս այն փաստը, որ երեխաները խաղում են արգելափակում մնում է բոլորի հիշողության մեջ, օգտագործել բազմաբովանդակ փորձ HTML, CSS շատ հեշտ է.

Սակայն, ներկայիս ծրագրավորում դեռ շատ հեռու է ներկայացնելու շինություններ են իրականությանը. Մինչեւ հիմա, որեւէ տարածք (օկուպացված, թե ինչ եք ցանկանում շրջափակման տարր) ցանկացած իր իմաստը եւ պաշտոնում մի ուղղանկյուն վիճակում, որը ձեւավորվում է ցանկալի կորը Եզրագծային գծում:

Մինչեւ հիմա, որեւէ շրջանակը, հաշվարկի շառավղով, թե ինչպես է կոր ուղիղ եւ այլն: P. Նկարագրում է բարդ մաթեմատիկական հավասարումների կամ շատ փոքր խորանարդի, trapezoids, վախճանը կամ այլ Էվկլիդյան տարրեր, որոնք տարբերակելի է աչքի որպես կետի վրա գծի.

Դասական Straight դիզայն

Զարմանալի չէ, որ առաջընթաց ոլորտում ծրագրավորման եւ ինֆորմացիոն տեխնոլոգիաների օրինականացրել ուղղանկյուն դիզայն. Նորարարական գաղափարները չի վատնել ժամանակ կլորացված վիճակում, սակայն չեն մոռանում ներկայացնել տրամադրության տակ մշակողի բավարար հատկանիշների եւ HTML թեգերը կանոնների, CSS եւ հարակից ծրագրավորման լեզուների.

Ցանկացած տարր օգտագործվում է էջի մի ուղղանկյուն տարածք է, որն այն հատկացվել է մի քանի մասերի, որոնցից յուրաքանչյուր դեպքում պետք է օգտագործվեն միայն անհրաժեշտ, հաշվի առնելով krossbrauzernosti պահանջներ նշում հատկանիշներ հատուկ բովանդակությունը մատչելի Սինտակտային շինություններ.

Ընդհանուր կանոններ CSS

Cascading Style Sheets առաջարկում է նկարագրել այն տարրերը հետեւյալն են:

• գույքը: Արժեքը.

Այս դեպքում, գույքը կոնկրետ անունը եւ արժեքը կարող է լինել կամ անվանումը կամ մի ցուցակման անունների կամ արժեքների:

Ինչ վերաբերում է թաղամաս տարրերը, եւ պետք է անել միջոցով CSS կլորացված անկյուններով, դա իմաստ է օգտագործել սահմանային շառավղով գույքը եւ դրա արժեքը ձեւաչափով «38px» կամ «8px 16px 24px 38px»:

Եթե արժեքի տրված է մեկ թվով, ապա դա կլինի սահմանված է նրանց, ովքեր բոլոր անկյուններից: Ձայնագրեք բոլոր չորս արժեքներն են:

• Առաջին համարը `վերին ձախ անկյունում.
• երկրորդը `վերին աջ.
• երրորդ - դեպի ստորին աջ;
• Վերջին - ստորին ձախ:

Կիսելով որոշ կանոնների

Հասկացությունները սահմանը, պատկերի եւ ֆոնային կարող է օգտագործվել միասին: Սա նորմալ է, եւ նշել, կանոնները չեն խառնվում միմյանց հետ, ձեւավորելով ընդհանուր կազմը. Հիմնական բան է բացատրում այն փաստը, որ անունը նրանցից յուրաքանչյուրը ներկայացնում է, եւ ինչպես է այն կիրառվում:

Նախքան իրականացնող այս կամ այն տարրը, դա կարեւոր է իրականացնել որոշ փորձեր եւ թեստային աշխատանքը բազմաթիվ բրաուզերների. Կողմնորոշումը խորհրդով, առաջարկությունները, օրինակները երրորդ կողմի կամ CSS syntax, կլորացված անկյուններով, եւ այլն: Ն. Արդյոք հազվադեպ լավ է, քան սեփական թարմ պրակտիկայում:

Դա կարեւոր է հասկանալ, որ հայ-թուրքական սահմանը, պատկերի, առումով նախագծման անկյուններից - նույն տեսակի հայեցակարգին. Drawing կարող է ներկայացվել ոչ թե PNG-ձեւաչափով: Նա կարող կտրված է բրաուզերի, ըստ սահմանված կանոններով այդ CSS. Կլորացված անկյուններով - հոգատար ծրագրավորողը, անկախ squareness աղբյուրի նյութական.

Հատկանիշներ HTML, CSS բրաուզերների

Բարի Style ձայնագրությունը մեծածախ համար բոլոր բրաուզերների միանգամից. Համենայն դեպս դասական օրինակներ թեմայով "է CSS. Կլորացված անկյուններով» -ում հնարավոր է գրել այսպես,

ֆոն: # FF7F00; / * Նախապատմություն * /

սահմանը: 1px #CCCCCC կուռ. / * Սահման * /

-moz-սահմանային շառավիղը: 10px; / * CSS կլորացված անկյուններով համար Mozilla Firefox * /

-webkit-սահմանային շառավիղը: 10px; / * ... համար Safari եւ Chrome- ի * /

-khtml-սահմանային շառավիղը: 10px; / * ... Konquerer * /

սահմանային շառավիղը: 10px; / * The CSS կլորացված անկյուններով բոլորի համար * / եւ այլն: Ն

Սակայն, շատ դեպքերում դա բավական է նշեք վերջին կանոնը: Ավելորդություն պետք է օգտագործվի միայն այն ժամանակ, երբ կա իրական անհրաժեշտություն:

Դասական եւ հրաշալի սեղան

Չնայած բազմաթիվ վիճաբանություններ կողմնակիցների սեղանի ձեւավորման (tr, TD) եւ տարբերակը օգտագործման div tags եւ span ( «զարմանալիք" շեղման), օբյեկտիվ պրակտիկայում նախընտրելի տարբերակն ողջամտորեն անհրաժեշտ.

Ի DIVs ունեն որոշակի արժանապատվությունը մյուս սեղանների. Եթե նրանք չեն լրացնում են միմյանց, եւ պարզապես մրցել է, որ հարցը պետք է շատ արագ հօդս ցնդեց մեկ տարբերակում, որը միավորում է լավագույն կողմերը սեղանների եւ DIVs.

Մասը կայքերի ստեղծվում են, օգտագործելով CMS (Բովանդակության կառավարման համակարգ), իսկ տրամադրության տակ է մշակողի գալիս ոչ միայն լայն շրջանակ "ՀՍԿԱ" հավաքածուների հարյուրավոր թղթապանակների, օբյեկտների, այլեւ սեղանների.

Պիտակ [div | span], որպես այդպիսին, չի առանձնանա, բայց միակ բանը, որ գալիս է հենց այն ամբողջական ողորմութեան մշակողի մի CSS պատուհան: Եվ ցանկացած CMS հստակ բաժանում կոդը, դրա մի մասը է մշակողի ստեղծագործական եւ իրենց ոճերի ավելացված ոճով, իսկ այն դեպքում, փոփոխությունների (օրինակ, CSS - կլորացմամբ անկյուններում սեղանին), դուք միշտ կարող եք վերականգնել պարամետրերը եւ լռելյայն ոճերը:

Կորեր եւ անկյունները չեն լուսաբանվում է ձեւաչափումով

Դուք կարող եք խստորեն հետեւել բոլոր կանոններով, HTML, CSS, բայց պետք է արդյունք, նրանք չեն տրամադրվում: Superimposing տարրեր են իրար, դա հնարավոր է ձեռք բերել ցանկացած տարածաշրջան ցանկացած կազմաձեւման. Օգտագործելով PHP-զարգացում է սերվերի վրա, դուք կարող եք ուղարկել է այցելուի բրաուզերի եւ ցանկացած ոճի ֆայլերը կցել նրանց համապատասխան JavaScript կոդը է մարմնի HTML ֆայլ կամ առանձին JS-ֆայլը.

Ցանկացած միացում տարբերակ, ցանկացած ձեւ գույքային տարրի CSS կանոններ: Կլորացված անկյուններով - պարզապես մասնավորապես, եւ իրական հնարավորություններ է շատ ավելի լայն. Այս դեպքում, ծրագրավորման ձեր սեփական օբյեկտները, դուք չեք կարող ուշադրություն դարձնել բնութագրերի առանձին բրաուզերների, օգտագործել միայն թեգերը եւ կառուցվածքը hypertext լեզուներով, որոնք ընկալվում են բոլորը, առանց բացառության բրաուզերների.

Օգտագործելով գաղափարը object-oriented programming, դուք կարող եք նախագծել տեսքը մի անկյունում կամ կորը ակնհայտորեն նախատեսված չեն որեւէ բրաուզերի ձեւերով: Այս դեպքում, դա անհրաժեշտ է, որ դա կլինի անկյունը տարածքում, որն ի սկզբանե ուղղանկյուն: Դա կարեւոր է, որ բաղադրիչները կորի նկարագրված ձեւով CSS կանոնների, համակցված մեջ մեկ visual JavaScript օբյեկտային կոդի եւ ճիշտ ժամանակին ճիշտ տեղում բրաուզերի, արտացոլում է իրեն ճիշտ ձեւով:

Այս տեխնոլոգիան չի միջամտում նման օբյեկտների ինքնադրսեւորվել է եռաչափ ինքնաթիռի կամ շոու անիմացիայի.