Amasethingi e-CSS: somugqa

Ngo-CSS, ibanga phakathi imigqa Kulula kakhulu ukusetha. Ngenxa yale njongo kukhona impahla ekhethekile. Kodwa-ke, kukhona ezinye nemingcele eziningi, wonkhe kanye singasebenza umbhalo.

Uma kungekho ukulungiswa kwenziwa, asethwe kumanani okuzenzakalelayo. ungakwazi ukushintsha ibanga uma uthanda. Inani kungaba iphesenti noma pixels.

irowu Ukuphakama

Ibanga CSS phakathi imigqa kungenziwa ebonisa sibalo elandelayo.

Esithombeni ngenhla ikhombisa nemingcele nge amabanga okuhambisanayo. Umbhalo emkhathini usayizi wombhalo. Qaphela ukuthi ulayini umbhalo kungaqali ngasesinqeni futhi ethe xaxa. Isikhala esinikeziwe ngezansi izincwadi ezithinta izakhi phansi (g, y, nokunye).

Qaphela ukuthi isikhala phakathi amabhulokhi usayizi wombhalo is elibizwa ehola. Nge-HTML futhi CSS lokhu impahla aliveli, kodwa kule abanye abahleli ingcaca kanye nombhalo. Ngokwesibonelo, ku-Adobe Photoshop.

Isibalo ngenhla elibonisa lapho ku "Photoshop", ungacacisa ehola. Eceleni ecacisiwe usayizi wombhalo kulungiselelwa.

Izibonelo usebenzisa umugqa-ukuphakama

Ngo-CSS, ibanga phakathi emigqeni lingasethwa per cent. Isibonelo engokomfanekiso unikezwa ngezansi.

Endabeni amagugu elincane umsebenzisi site lakho ngeke kuphazamise ukufunda.

Ibanga kungaba ezihlukahlukene futhi ubukhulu wefonti. Uma umehluko phakathi nemingcele eziyisisekelo ngeke bahluke kakhulu endleleni abadalwe izinombolo, umehluko incephezeliswa ekuholeni ukwanda.

ubuqili design

Ibanga CSS phakathi imigqa ungaqhubeka ngokwezifiso indents ahlukahlukene. Cabanga ngesibonelo figure.

Esikhathini "elementi" kulokhu kuyoba umbhalo. Padding - ukupheda kuyinto ngaphakathi kwento, kanye nesilinganiso - the indentation into. Border - lokhu uzimele. Kungaba 0 Amaphikseli, futhi kungase kube 100.

Isithombe esilandelayo sibonisa ngokushesha yonke imingcele, uzimele futhi ukuphakama umugqa yombhalo.

Uma une ngombhalo omncane, bonke umugqa owodwa, noma umugqa ngamunye isigaba ehlukile, ibanga kungase kushintshwe phakathi izigaba sihlehliswe. Lokho maring kanye padding phakathi kwemigqa esitokisini ngeke kube umphumela. Zakha le indentation kuphela at emaphethelweni into. Into - sonke lesi sigaba, esikhundleni imigqa kuwo. Kubalulekile ukuba uthole bedidekile.

Ezimweni lapho inombolo enkulu yemigqa, zonke zazo etholakala into efanayo, ifonti Kunconywa ukushintsha nemingcele eziyisisekelo.

Indlela ukwandisa ibanga phakathi imizila CSS

Ibanga phakathi emigqeni we-HTML, ungabhalisa noma isiphi isigaba noma zonke izigaba embhalweni. Uma usho kanje: p {lomugqa ukuphakama: 20px; } - ke ngokuphelele zonke izigaba ekhasini kuyoba izintambo 20 pixels. Uma ufuna ezindaweni ezahlukene lobehlukene, kutuswa ukwenza kanje.

Thina linqume izitayela.

.class1 {lomugqa ukuphakama: 20px; }

.class2 {lomugqa ukuphakama: 16px; }

.class3 {lomugqa ukuphakama: 12px; }

Ngokucaca, thina engeza ifremu, ngakho ungabona ukuthi lusebenza. Esikhathini esizayo, kumele sisuswe.

Okulandelayo, sisebenzise lezi zigaba. Umphumela kanje.

Qaphela ukuthi esimweni lwesithathu, band waya umbhalo. Zonke ngenxa yokuthi ukuthi usayizi wefonti mkhulu ukuphakama umugqa. Ngakho-ke, kubalulekile ukuqinisekisa ukuthi ezimpini ezinjalo kwakungafanele. Uma nenza umugqa ukuphakama amancane, ngokulandelana, ukunciphisa wefonti.

It is hhayi Kunconywa ukuba enze umbhalo kancane kakhulu futhi ibanga elincane phakathi imigqa. Njengoba kungashiwo ukuthi abasebenzisi ngeke bakwazi ukufunda konke ngomoya ophansi. Yena amehlo ngokushesha ukhathele. Izinjini zithi umbhalo kalula.

Ngaphezu kwalokho, eminyakeni yamuva nje kukhona sizogxila kakhulu Ukusebenziseka kubasebenzisi mobile. izincomo Kuke njalo ukuthi usayizi wefonti kufanele kube evamile, hhayi ezincane. Ikakhulukazi kakhulu kuthinta inkomba. Ngokuvumelana nobukhulu bazo encane umsebenzisi kuyoba nzima ukusebenzisa indawo navigation.

Ngo injini yokusesha "Google" iyithuluzi ekhethekile esiza ekucubunguleni. Kuyinto elula kakhulu webmaster.

Nasi isibonelo ngemiphumela engase ibe.

Kunconywa ukusebenzisa lezi amathiphu ngoba nalezi zindlela kuthinte nemiphumela yokusesha.