CSS: tafura magadzirirwo. mienzaniso kunyoresa

Kuita matafura vane CSS - chidzidzo anonakidza uye mutoro. Nzira mabhizimisi ichi vanofanira nounyanzvi, zivo dzose inobvira zvekunyanyisa. Uyezve, zvinokosha kuti nhaka pfungwa runako kuti arege kutyisidzira kure okugadzira zvinhu zvavo vashanyi.

Pamatafura anogona kuchinja zvinenge zvose. Beautiful magadzirirwo kunosanganisira kushandisa CSS pamatafura zvakagadzirwa miganhu, tafura background, sero nechekumashure, musiyano uri pakati pavo uye zvakawanda. Funga inokosha.

tafura muganhu

CSS tafura Style magadzirirwo nguva dzose kunosanganisira mutambo ine muganhu (furemu). All matafura default havasi contours pepuranga. Kureva izvozvo akaenzana 0 pixels. Asi ichi inogona kururamiswa yacho pamuganhu.

Unogona kutaridzwa rwokunze puranga yose tafura:

tafura {muganhu: 3px zvikukutu dema; }

Pamusana mutsetse uyu tafura panzvimbo kuti anoshandisa maitiro ichi rasviba puranga. Cherechedza kuti muganhu chete pamusoro kumicheto, asi kwete mukati patafura. Nokuti masero mitsetse uye pepuranga wainyatsotaura zvimwe.

vakasuwa td {muganhu: 3px hwakasimba dema;}

Pakukora uye ruvara, unogona tsanangurai chero. Yeuka kuti miganhu havasi kaviri kana splicing masero.

Shoko rinoreva chinoramba kunyoresa hwakasimba. Unogona tsanangurai dzimwe tsika.

kwakanyorwa anowanzodanwa kushandiswa rakasimba puranga, sezvo anotarisa zvikuru kukwezva uye asingauyi kanganisa pfungwa huru zviri nzvimbo.

Muganhu pfuma inogona kutaurwa pamusoro bhodhi. Muganhu unogona chete chigadzirirwe kumusoro, pasi, akasiya kana divi rworudyi. Nokuti dzimwe nguva haisi noitika chisarudzo pamwe pamatanda kamwechete kwenguva yose tafura.

tafura {muganhu-pamusoro: 1px zvikukutu dzvuku; }

Saka unogona kuisa pamatanda kuti pamusoro petafura chete. Saizvozvowo kune mamwe mapato, panzvimbo chete pamusoro nyora: kurudyi, kuruboshwe kana pasi.

tafura Header

Table Header zvinogona kutaurwa kushandisa chipepa . Tag Izvi zvinogona kuva CSS kunyoresa yakawanda zvivako hwakanaka-Tuning. The CSS tafura zvakagadzirwa zvakanaka nokuti zvinobvira kuita zvinhu nenzira yaunoda.

Zita iri unoratidzwa nenzira sechiero mumabhuku (akadai "Table 1").

Unogona kutaridzwa nzvimbo rokuti uye pfuma anotsanangura-divi (kumusoro kana pasi). Tsitsi kuruboshwe kana kurudyi chinorondedzerwa nenzira pfuma rugwaro-swatanudza.

kumashure pamatafura

Background petafura anogona kuva chero ruvara kana muenzaniso. Ruvara anoronga pfuma makuriro-ruvara. Mazita zvivako inoenderana zvizere rinoshandiswa pakutaura. It hwezvekukurukurirana kuchengeta nguva zhinji.

Ruvara inogona raanotaura sezvo zita, uye encodings siyana. Uyezve, unogona kutaridzwa zvinotevera:

• Transparent - Transparent.
• Nhaka - ruvara kwakafanana kuti mubereki maatomu akafanana.
• Initial - default.

Option pamwe pachena zvinogona kushandiswa Muzviitiko apo zvose mabwendefa acho ari CSS faira nangana imwe ruvara, asi muchiitiko chino hapana chikonzero.

Mukuwedzera, mabviro kungava chifananidzo. Kuti aite izvi, muna manyorerwo waakaudzwa kumashure-mufananidzo pfuma. Nzira iri seizvi:

URL ( 'URL')

The nzira kuti faira vangava hama kana mhedziso.

More kuoma ukaguta kunogona kuitwa chete gradient:

• Linear-gradient ();
• TOUR-gradient ();
• kudzokorora-Linear-gradient () uye kudzokorora-TOUR-gradient () - gradient inodzokororwa.

nechekumashure sero

Kuwedzera mamiriro zvavo, unogona tsanangurai munhu mitsetse mamiriro muzvikamu kana pemitsara. Nokuti vanyorwa pfuma rinoshandiswa kakawanda, nokuti kutarisana kupatsanurwa pemitsara nyore kuverenga mashoko.

Kuwedzera alternation, uye iwe unogona kutaridzwa nhamba imwe mbiru kana mutsara. Somuenzaniso seizvi:

• TR: nth-mwana (kunyange) {...} - tsanangurai interlaced;
• TR: nth-mwana (1) {...} - chinoratidza zvivako imwe mutsara;
• td: nth-mwana (kunyange) {...} - chiratidzo rakatumbuka yembiru;
• td: nth-mwana (1) {...} - rairatidza zvivako imwe mbiru.

Kunze kutevedzana uye nhamba zvinogona kutaurwa - wokutanga (td: vomuzana mwana) kana wokupedzisira (td: ekupedzisira-mwana).

Musiyano uri pakati pamakamuri

In CSS, tafura magadzirirwo unokubvumira kubvisa magwanza pakati masero. By default ivo. Somuenzaniso, kana iwe wakaisa furemu iri tafura pasina Ndokunyengetererai daro pakati miganhu, zvichava ichi mugumisiro pano.

Bvumiranai kuti anotarisa haana zvakanakisa uye hazvisi nyore kuti kuverenga. Users vachava ripple pamberi nekuda ichi. Bvisa Makwanza izvi zvinogona kuva nokunyora chete mutsetse chakadaro patafura Style:

muganhu-dhirika: dhirika

Asiwo chinoitika kuti kure, nekusiyana, anofanira akawedzera. Uyezve, kukura pakakoromorwa zvinogona kutaurwa se pakati mbiru uye pakati pemitsara. Kuratidza kuti ukoshi (pachinzvimbo richaparara):

muganhu-dhirika: unoparadzanisa

Asi izvozvo kuchaita zvinoratidza kuti zvakakosha kuti vaparadzane masero. Sezvo aiva mugove wavo, akaratidza mamwe pfuma:

muganhu-spacing: 20px.

Kana uchida tsanangurai akasiyana kure pakati pemitsara uye mbiru, inoratidza zvinhu zviviri:

muganhu-spacing: 10px20px.

Musiyano iri browsers

Ziva kuti ari CSS kugadzirwa pamatafura vangatarira zvakasiyana, zvichienderana Browser. Kunyanya zvakaipa zvakadaro kune mushanduro ekare, kuti zvakagadzirwa mu CSS haritsigiri.

The kumusoro muenzaniso pepuranga thicknesses kuti digitaalinen tsika.

Somuenzaniso ichi, pakukora mapuranga nokuda constants.

muganhu kuno- uyewo zvinosiyana zvikuru.

Naizvozvo, kukura nguva dzose kuona kwakaguma browsers siyana.

In CSS magadzirirwo pamatafura yakarumbidza kuongorora mhando Browser. Zvikurukuru dambudziko guru rinoshandiswa kuva vanoshandisa pamwe mushanduro vakuru Internet Explorer.

Very dzakabudirira Developers anogona, zvichienderana Browser kubatanidza akasiyana zvachose CSS mafaira. Uye munhu anoita cheki neimwe kana mamwe maitiro (class).

matambudziko Most muka kubva mimvuri.

CSS: Table Format Mienzaniso

Registration inogona zvikuru zvakasiyana. Zvose zvinoenderana yose panzvimbo uye magadzirirwo ayo. All anofanira kubatanidzwa uye variegated mavara. Uyewo zvinoita mukuru basa uye kukaringa yokuvaka. Pfungwa runako zvose zvakasiyana.

Tinopa mienzaniso siyana pamatafura. The mufananidzo pamusoro chinoratidza kushandiswa kurereka uye kutamba nechekumashure ruvara uye muganhu.

Vazhinji achava muenzaniso dzinonakidza wakanaka akashambidzika zvakagadzirwa kuti kwete kucheka vanoshandisa ziso. musimboti Izvi zvakakodzera mune chero mamiriro ezvinhu.

Micheto zvinogona kuitwa woita. Inotarisira akanaka akanaka.

mhedziso

Sezvaunogona kuona, nokuti pakuonekwa mabwendefa CSS pane midziyo yakawanda. Mumwe parameter zvakare guru yakawanda ukoshi nzira. Kana ukashandisa zvose kamwechete, unogona kusika ounyanzvi. Kunyanya kana ukaita adaptive akaitwa kuti browsers zvose.

The chikuru chinhu design - Usaita paro nemigumisiro. Zvose zvinofanira kuitwa zvine mwero. Pakutanga, marongerwo vanoda kuedza uye kushandisa ruzivo rwavo zvose pakarepo. Somugumisiro patafura vari oversaturated ehupfumi. Edza kudzivisa zvikanganiso izvi.

Uyezve, vamwe parameters anogona kuvhiringidza mumwe. Somuenzaniso, hapana chikonzero zvakanyatsonanga nechekumashure ruvara petafura, apo kana paine vachiri kuisa mamiriro mufananidzo, izvo zvichaita bindepinde pakati yamunenge ruvara.