CSS: tebulo kamangidwe. Zitsanzo za kalembera

Kupanga matebulo ndi CSS - cha phunziro chidwi ndi udindo. Njira ntchito amafunika mwaluso, ndi chidziwitso cha masitaelo zonse zitheka. Komanso, m'pofunika kuti likhale ndi mphamvu ya kukongola kuti si mantha kutali alendo zilandiridwenso.

Magome angasinthe pafupifupi chilichonse. Wokongola kapangidwe zimaphatikizapo kugwiritsa ntchito CSS matebulo kapangidwe malire, tebulo maziko, selo maziko, kusiyana pakati pa iwo ndi zambiri. Taganizirani zofunika kwambiri.

malire tebulo

CSS tebulo kalembedwe kapangidwe nthawi zonse amakhala masewera ndi malire (chimango). magome onse kusakhulupirika si contours chimango. Ndiko kuti, ndi wofanana 0 pixels. Koma zimenezi kudzudzulidwa ndi malire chuma.

Mukhoza kukhazikitsa chimango kunja kwa tebulo lonse:

tebulo {malire: 3px olimba wakuda; }

Ndiyamika mzere pa magome onse pa malo amene amagwiritsa kalembedwe izi wakuda chimango. Onani kuti malire okha pa m'mbali, koma mkati tebulo. Mizere selo ndi chimango mwachindunji ayi.

TH, TD {malire: 3px olimba wakuda;}

The makulidwe ndi mtundu, mukhoza mwachindunji iliyonse. Kumbukirani kuti malire si kawiri pamene splicing maselo.

mawu amatanthauza olimba kulembetsa mosalekeza. Mukhoza kukhazikitsa mfundo zina.

kuti ambiri amangoti ntchito chimango olimba, monga wokongola kwambiri ndipo alibe zimalepheretsa chisamaliro kwa okhutira waukulu wa malowo.

katundu malire akhoza mwachindunji pa bolodi. malire a zitha anapereka pamwamba, pansi, kumanja kapena kumanja. Chifukwa nthawi zina si zotheka njira ndi chimango kwa tebulo lonse nthawi imodzi.

tebulo {malire pamwamba: 1px olimba wofiira; }

Kotero inu mukhoza kuika chimango cha pamwamba pa tebulo yekha. Mofanana ndi zipani zina zilizonse, m'malo lemba chabe pamwamba: lamanja, kumanzere kapena pansi.

chamutu tebulo

Table chamutu akhoza mwachindunji kugwiritsa ntchito opatsidwa . opatsidwa Zimenezi zingakhale mu CSS kupita kukawerenga kwambiri katundu kuti kuchunidwa bwino. Kamangidwe CSS tebulo ndi zabwino chifukwa n'zotheka akamagwiritsa zinthu momwe mukufuna.

mutuwu chimaonetsedwa monga momwe muyezo mu mabuku (monga "Table 1").

Mukhoza kukhazikitsa malo a udindo ndi chuma ofotokoza mbali (pamwamba kapena pansi). Aligning lamanzere kapena lamanja chimafotokozera chuma malemba-Dendekerani.

matebulo maziko

Background pa tebulo akhoza kukhala mtundu uliwonse kapena chitsanzo. Mtundu amapereka chuma maziko mtundu. Mayina a katundu kwathunthu mogwirizana ndi ntchito kulankhula. Izo facilitates kasungidwe nthawi zambiri.

mtundu akhoza mwachindunji monga dzina, ndi encodings osiyana. Komanso, inu mukhoza mwachindunji zotsatirazi:

• Transparent - Transparent.
• Adzalandira - mtundu ndi zofanana ndi za zinthu kholo.
• Koyamba - ofikira.

Yankho ndi chilungamo angagwiritsidwe ntchito milandu kumene magome onse ndi malemba a wapamwamba CSS anapangidwa mtundu wina, koma mu nkhani iyi palibe.

Komanso, maziko kungakhale fano. Kuti tichite zimenezi, mu kalembedwe Kwalamulidwa maziko-fano katundu. njirayo monga izi:

url ( 'ulalo')

Njira wapamwamba ikhoza kukhala wachibale kapena mtheradi.

kukhuta More zovuta tingachite ndi masinthidwe amtundu wina:

• liniya-masinthidwe amtundu ();
• zozungulira-masinthidwe amtundu ();
• kubwereza-liniya-masinthidwe amtundu () ndi kubwereza-zozungulira-masinthidwe amtundu () - masinthidwe amtundu mobwerezabwereza.

maziko selo

Kuwonjezera maziko ambiri, mukhoza mwachindunji maziko wovulidwa m'madanga kapena mizere. Kuti kalembera katundu amagwiritsidwa ntchito kwambiri, chifukwa kulekana zithunzi mizere kosavuta kuwerenga nkhani.

Kuwonjezera kusinthana, ndipo mukhoza mwachindunji nambala ya ndime makamaka kapena mzere. Mwachitsanzo ngati izi:

• TR: nth mwana (ngakhale) {...} - mwachindunji interlaced;
• TR: nth mwana (1) {...} - limasonyeza katundu wa mzere makamaka;
• TD: nth mwana (ngakhale) {...} - limasonyeza alternating mizati;
• TD: nth mwana (1) {...} - limasonyeza katundu wa mzati makamaka.

Kuwonjezera zinayendera ndi manambala akhoza mwachindunji - woyamba (TD: choyamba mwana) kapena lomaliza (TD: lotsiriza mwana).

Kusiyana pakati pa maselo

Mu CSS, tebulo kapangidwe limakupatsani kuchotsa mipata pakati pa maselo. Ndi kusakhulupirika iwo ali. Mwachitsanzo, ngati inu anapereka chimango tebulo popanda kuika mtunda pakati pa malire, zidzakhala pano chotsatirachi.

Gwirizanani, zikuwoneka si zabwino kwambiri ndipo si yabwino kuwerenga. Ogwiritsa adzakhala ripple pamaso chifukwa cha ichi. Chotsani mipata zimenezi zingakhale polemba chabe mzere ngati kalembedwe tebulo:

malire-kugwa: kugwa

Koma chigweranso kuti patali M'malo mwake, ayenera ziwonjezeke. Komanso kukula kwa mipata akhoza mwachindunji ngati pakati pa mizati ndi pakati pa mizere. Akusonyeza kuti mtengo (m'malo kusokonekera):

malire-kugwa: osiyana

Koma zimenezi zisonyeza kuti m'pofunika kupatutsa maselo. Monga izo zinali cholowa chawo anasonyeza katundu zina:

malire-cm: 20px.

Ngati mukufuna mwatchutchutchu mtunda osiyana pakati pa mizere ndi mizati, izo zikusonyeza zinthu ziwiri:

malire-cm: 10px20px.

Kusiyana asakatuli ndi

Kumbukirani kuti CSS kapangidwe matebulo amaoneka mosiyana, malingana ndi osatsegula. Makamaka zoipa zilili ndi Mabaibulo achikulire, kuti zaluso mu CSS sagwirizana.

Pamwamba ndi chitsanzo cha chimango thicknesses ndi mfundo yadigito.

Mwachitsanzo izi, makulidwe a mafelemu kwa zokhazikika lapansi.

masitaelo malire amasiyana kwambiri.

Choncho, chitukuko kuona zotsatira mu asakatuli osiyana.

Mu CSS kapangidwe matebulo tikulimbikitsidwa kuti aletse mtundu wa osatsegula. Makamaka vuto lalikulu ntchito kukhala owerenga ndi Mabaibulo akulu a Internet Explorer.

kutukula patsogolo kwambiri akhoza, malingana ndi osatsegula kulumikiza owona chosiyana CSS. Ndipo munthu wina cheke uliwonse kapena kalembedwe makamaka (kalasi).

Mavuto ambiri chichokera mithunzi.

CSS: Table Mtundu Zitsanzo

Kulembetsa akhoza ndithu zosiyanasiyana. Izi zidalira pa malo lonse ndi kamangidwe kake. Onse ayenera pamodzi ndi mitundu variegated. Komanso izo zimapanga kwambiri udindo ndi kununkhira mapulogalamu. Zinthu kukongola ndi onse osiyana.

Timapereka zitsanzo za matebulo osiyanasiyana. chithunzi pamwamba limasonyeza ntchito kuweramira ndi kusewera ndi mtundu maziko ndi malire.

Ambiri adzakhala chidwi chitsanzo cha kamangidwe wokongola bwino kuti sadzachotsa ogwiritsa diso. chimake Zimenezi n'zofunika pafupifupi aliyense zinthu.

M'mbali zikhoza kupangidwa anamaliza. Izo zikuwoneka wokongola zabwino.

Pomaliza

Monga mukuonera, pa kuoneka matebulo mu CSS pali zida zambiri. Aliyense chizindikiro ndi kuchuluka yaikulu options phindu. Ngati inu ntchito zonse mwakamodzi, inu mukhoza kulenga katswiri. Makamaka ngati kuchita dziphunzitsiranso kapangidwe kwa asakatuli onse.

Chinthu chachikulu mu mapangidwe - musati overdo ndi zotsatira. Chirichonse zizichitidwa pang'ono. Poyamba, kamangidwe ngati kuyetsa ndi ntchito nzeru zawo zonse yomweyo. Chifukwa cha tebulo ndi katundu oversaturated. Yesani asalakwitse izi.

Komanso, ena magawo Vuto ndi mzake. Mwachitsanzo, palibe kufunika mwachindunji mtundu maziko pa tebulo, pamene ngati pali anapereka chithunzi chakumbuyo, umene alipo mwachindunji mtundu.