CSS: ithebula design. izibonelo ukubhalisa

Ukwenza amatafula CSS - kwesifundo ezithakazelisayo futhi enesibopho. Indlela leli bhizinisi kudingeka ngokuphumelelayo, ngolwazi lwazo zonke izitayela kungenzeka. Ngaphezu kwalokho, kubalulekile ukuba sibe nomuzwa wobuhle ukuze hhayi ukuba asabise off amakghonwabo izivakashi.

Lamathebuli ungaguqula cishe yonke into. idizayini enhle kuhilela ukusetshenziswa CSS wefetjheni imingcele, itafula ingemuva, cell isizinda, igebe phakathi kwabo kanye nokunye. Cabanga eyisisekelo kunazo.

ithebula umngcele

CSS ithebula isitayela design ihilela umdlalo enomphetho (Uhlaka). Zonke amathebula okuzenzakalelayo akuzona wabuka uzimele. Okungukuthi, ilingana 0 pixels. Kodwa lokhu kungaba ukulungiswa Ngasemdeni impahla.

Ungakwazi ucacise Uhlaka yangaphandle lonke ithebula:

ithebula {umngcele: 3px okuqinile omnyama; }

Ngenxa yalesi umugqa wonke amatafula kusayithi osebenzisa lesi style Uhlaka abamnyama. Qaphela ukuthi umngcele kuphela emaphethelweni, kodwa hhayi ngaphakathi etafuleni. Ukuze cell imigqa Uhlaka ecacisiwe ngenye indlela.

th, td {umngcele: 3px black okuqinile;}

The ukujiya kanye umbala, ungacacisa yimuphi. Khumbula ukuthi imingcele kungukuthi kabili lapho splicing amaseli.

I gama kubonisa yokubhalisa okuqinile okuqhubekayo. Ungakwazi ukucacisa amanye amagugu.

it is kakhulu evame ukusetshenziswa Uhlaka okuqinile, njengoba kubukeka ikhange nakakhulu futhi kube akusho ukuphazamisa nokunakwa okuqukethwe eyinhloko isayithi.

umngcele impahla kungenziwa ebekiwe futhi ebhodini. Umngcele kungenziwa kuphela isethelwe phezulu, phansi, esinxeleni noma esandleni sokudla. Ngenxa kwezinye izimo akuyona inketho ngenzeka ne Uhlaka lonke etafuleni ngesikhathi esisodwa.

ithebula {umngcele-top: zibomvu 1px; }

Ngakho ungabeka uzimele phezulu etafuleni kuphela. Ngokufanayo kunoma nezinye izinhlangano, esikhundleni bhala nje phezulu: kwesokudla, kwesokunxele noma ezansi.

ithebula unhlokweni

Ithebula unhlokweni kungenziwa ecacisiwe kusetshenziswa ithegi . Le maki kungaba CSS ukubhalisa eziningi Izakhiwo ukuhleleka okuhle. Umklamo ithebula CSS muhle ngoba kungenzeka ukuwuqondisa izici ngendlela ofuna.

Lesi sihloko uboniswa ngendlela efanayo njengoba indinganiso ezincwadini (ezifana "Table 1").

Ungakwazi ucacise indawo isihloko impahla yamagama-ncazo-side (phezulu noma phansi). Ukuqondanisa kwesokunxele noma kwesokudla ebizwa ngokuthi impahla ye-text-Qondanisa.

amatafula ingemuva

Isizinda etafuleni kungaba yimuphi umbala noma iphethini. Umbala usetha isakhiwo umbala ongemuva. Amagama sezindawo kuyavumelana ngokuphelele nalo ukusetshenziswa enkulumweni. It kusiza ukugcina izikhathi eziningi.

Umbala kungenziwa esibekiwe njengoba igama, futhi abaqondile ezahlukene. Ngaphezu kwalokho, ungacacisa okulandelayo:

• Esobala - esobala.
• Ifa - umbala kuyafana ukuthi we engokoqobo engumzali.
• Kokuqala - okuzenzakalelayo.

Inketho obala ingasetshenziswa lokhu ikakhulukazi ezimweni lapho wonke amatafula embhalweni efayeleni CSS zenziwa ngombala owodwa, kodwa kulokhu asikho isidingo.

Ngaphezu kwalokho, ngasemuva kungahle kube isithombe. Ukuze wenze lokhu, indlela ebekiwe isizinda-image impahla. Indlela esinjengalesi:

i-url ( 'URL')

Indlela eya ifayela kungaba isihlobo noma ngokuphelele.

yokugcwalisa Okuningi kuyinkimbinkimbi kungenziwa nge umyela:

• komugqa-umyela ();
• osabalalayo-umyela ();
• ngokuphinda-eqondile-umyela () futhi ngokuphinda-osabalalayo-umyela () - umyela okuphindaphindiwe.

iseli ingemuva

Ngaphezu zangemuva jikelele, ungacacisa ingemuva ezimthende e amakhalamu noma imigqa. Uma ubhalisa impahla isetshenziswa ngokuvamile kakhulu, ngoba ngokuhlukana okubonakalayo emigqeni kulula ukufunda ulwazi.

Ngaphezu alternation, futhi ungacacisa inani ikholomu ethile noma umugqa. Ngokwesibonelo kanje:

• tr: Nth-ingane (ngisho) {...} - ucacise ibhanqanisiwe;
• tr: Nth-ingane (1) {...} - okubonisa izakhiwo ilandelana esithile;
• td: Nth-ingane (ngisho) {...} - inkomba kushintshana amakholomu;
• td: Nth-ingane (1) {...} - inkomba izakhiwo ikholomu ethile.

Ngaphandle ukulandelana nezinombolo kungenziwa ebekiwe - ngowokuqala (td: lokuqala ingane) noma zokugcina (td: zokugcina-ingane).

Igebe phakathi amaseli

Ngo-CSS, itafula design likuvumela ukuthi ususe izikhala phakathi amaseli. Ngokuzenzakalelayo bakuphi. Ngokwesibonelo, uma uzibekela uzimele ethebuleni ngaphandle kokuhlela ibanga phakathi kwemingcele, kuyoba lapha lo mphumela.

Ngiyavuma, kubukeka hhayi kumnandi futhi zingavumi ukufunda. Abasebenzisi kuzofuneka yezwakala emehlweni ngenxa yalokhu. Susa lezi izikhala kungaba ngokubhala nje umugqa anjalo esikhathini isitayela ithebula:

umngcele-nciphisa: nciphisa

Kodwa futhi kwenzeka ukuthi ibanga, kunalokho, kumele lenyuke. Ngaphezu kwalokho, ubukhulu izikhala kungenziwa esibekiwe njengoba phakathi amakholomu kanye phakathi kwemigqa. Ukubonisa ukuthi value (esikhundleni igoqe):

umngcele-nciphisa: ahlukene

Kodwa isenzo esinjalo siyobonisa ukuthi kubalulekile ukuhlukanisa amaseli. Njengoba-ke wayeyisabelo sawo, wabonisa impahla eyengeziwe:

umngcele-Isikhala: 20px.

Uma ufuna ucacise ibanga ezahlukene phakathi imigqa namakholomu, kubonisa izinto ezimbili:

umngcele-Isikhala: 10px20px.

Umahluko kulokho iziphequluli

Khumbula ukuthi e-CSS design amatafula singase sehluke, kuye ngokuthi isiphequluli. ezimbi Ikakhulukazi kunjalo izinguqulo ezindala, ukuthi ezintsha ku-CSS akusekelwe.

Okungenhla yisibonelo Uhlaka ugqinsi kumanani digital.

Ngenxa yalesi isibonelo, ukushuba we ozimele ukuze constants.

umngcele izitayela futhi zihlukene kakhulu.

Ngakho-ke, ukuthuthukiswa njalo ubone umphumela esipheqululini ezahlukene.

Ngo-CSS design amatafula Kunconywa ukuhlola uhlobo lwesiphequluli. Ikakhulukazi inkinga enkulu esetshenziswa ukuba kubasebenzisi izinguqulo ezindala ze-Internet Explorer.

Onjiniyela eziphambili kakhulu kungaba, kuye ngokuthi isiphequluli ukuxhuma amafayela ehluke ngokuphelele CSS. Futhi umuntu enza isheke ngamunye noma ezinye silandele isitayela esithile (ekilasini).

kuphakama izinkinga kakhulu kusukela ithunzi.

CSS: Ithebula Ifomethi Izibonelo

Ukubhaliswa kungenziwa ngempela ehlukahlukene. Konke kuncike yonke indawo kanye nomklamo walo. Zonke kufanele kuhlanganiswe kanye nemibala variegated. Futhi kwenza omkhulu indima futhi ukunambitheka unjiniyela. Umuzwa nobuhle bonke ezahlukene.

Sinikeza ezinye izibonelo amatafula ahlukahlukene. Isibalo ngenhla ikhombisa ukusetshenziswa enyakazayo futhi ukudlala umbala wesizinda kanye emngceleni.

Abaningi kuyoba ngesibonelo esithakazelisayo of enhle design wekugcina ukuthi ngeke usike abasebenzisi iso. Lokhu samuntu kuyafaneleka cishe kunoma isiphi isimo.

Emaphethelweni zingenziwa oyindilinga. Kubukeka pretty nice.

isiphetho

Njengoba ubona, ngoba ukubonakala amatafula ku-CSS kukhona amathuluzi amaningi. ipharamitha ngamunye futhi omningi ongakhetha value. Uma usebenzisa konke ngesikhathi esisodwa, ungakha yobuciko. Ikakhulukazi uma wenza design oluhambelana ngoba zonke iziphequluli.

Into esemqoka ekuklanyweni - Ungeqisi it ngemiphumela. Konke kufanele kwenziwa ngesilinganiso esifanele. Ekuqaleni, kusakhiwo othanda ukuba ulinge futhi usebenzise yonke ulwazi lwabo ngokushesha. Ngenxa yalokho kwetafula kukhona izakhiwo oversaturated. Zama ukuze ugweme lawa maphutha.

Ngaphezu kwalokho, abanye imingcele ingase iphazamise nomunye. Ngokwesibonelo, asikho isidingo ucacise umbala kwetafula, ngenkathi uma kukhona namanje setha isithombe sangemuva, okuzokwenza kuyendlulela umbala esibekiwe.