CSS Framework: Impromptu uye Migumisiro

Kushandura mitambo (CSS) yezvose zvinonzwisisika zviri nyore hazvibvumiri kungoita kugadzirisa kugadzirisa sarudzo, asiwo kupa zvigadziro zvine chiito chaicho, kutevera kuitika kwechokwadi code.

Chero chero chinyorwa chekuona chemashoko e HTML chikamu chemasango chechimwe chimiro uye zvigadzirwa. Icho chinhu chine zviratidzo zvehutano, hukuru, zvinyorwa, mavara, mavara, zvinyorwa zvaro, nezvimwewo. Chimiro cheCSS element chinotsanangura nzvimbo inobatwa nayo, inobva kumiganhu yayo mukati kusvika kuhutatu hunoratidzwa muzvitsanangudzo.

Tsanangudzo Syntax

Nzvimbo yenhengo yacho inotsanangurwa nemakorani akaenzana nekona yepamusoro yekona ye peji (kuruboshwe, pamusoro), ukuru hweiyo yakanyatsojeka uye yakajeka (yakafara, yakakwirira). Zvose zvakagadzirwa uye hupenyu hwechikamu chacho zvinowanikwa muzvikamu zviviri: "pfuma: kukoshesa".

Tsanangudzo inoitwa zvakananga mukati memutsetse yepaji, pamutauro unoiswa kana mune imwe faira, ichitaura nayo neLINK link. Syntax:

#name {property: value; Imba: kukosha; Imba: kukosha; ...}

Kana

.name {property: value; Imba: kukosha; Imba: kukosha; ...}

Zita racho rinogona kuva p, muviri, html, tafura, td ..., kureva, zita re HTML markup tag. Inobvumirwa kubatanidza tsanangudzo yemutauro zvakananga ku element.

Usati waita kuti iwe pachako kuve nokusiyana kunyorera mitambo, hazvikuvadzi kuona kuti zvakaitwa sei pazvikwata zvakakurumbira, kuchengetedza kadhi yepamusoro kana kudhinda Ctrl-U kuti uione zvakananga mumusikana.

Basic parameters

Iko chaiyo CSS frame yechinhu inomiririrwa nemutauro (muganhu-style), ruvara (muganhu-ruvara), upamhi (muganhu-upamhi). Iwe unogona kutsanangura zvinhu zvose nechimwe chinhu - muganhu. Iwe unogona kutsanangura imwe neimwe muganhu wefaira pasina chimiro (muganhu-kumusoro, muganhu-pasi, muganhu-kuruboshwe, muganhu-kurudyi).

Iko CSS yakarongwa inotsanangurwa nemitemo yakawanda yekushambadzira mavara mapepa:

Border: 3px;
Muganhu-ruvara: tsvuku;
Border-style: double dashed solid dotted.

Iyi tsanangudzo inogadzirisa hupamhi hupamhi ku 3 pixels, ruvara rutsvuku, rutivi rworutivi: rutivi rwakakwirira rwakaviri, rutivi rworudyi runodonhedzwa, pasi iri rakasimba, kuruboshwe iine tsananguro.

Border-width: 1px 2px 4px 8px;
Muganhu-ruvara: bhuruu;
Border-style: dotted.

Pano zviyero zvegavi rimwe nerimwe zvinoratidzwawo sequentially, kutanga kubva kumusoro, mairi, mavara ari bhuruu, uye chimiro chakatsvaga.

Muganhu-ruvara: bhuruu tsvuku tsvuku;

Mune tsanangudzo iyi, ruvara rwemativi ose rwakaratidzwa zvakasiyana. Muganhu wepamuganhu unogona kusanganisira mamiriyoni emiganhu panguva imwe chete, uye makona emuganhu anogona kukomberedzwa:

Border: 1px gorosi rakasimba;
Border-radius: 0px 4px 8px 12px;
-moz-border-radius: 0px 4px 8px 12px;
-webkit-border-radius: 0px 4px 8px 12px;

Kubva pakuita mapuranga muCSS, kushanyirwa kwemuenzi kunoenderana, sezvo kazhinji chimiro chechimiro ichi chinoshandiswa kwezvinangwa zveunyanzvi: kana zvakakosha kuratidza nzvimbo chaiye kana ukuru kwemaji pane peji.

Ukuru hwemufambi uye chinangwa chayo

Kusarudza uwandu hwomukati, unogona kushandisa px, pt, em ..., asi unofanira kufungisisa kuti nguva dzose mukati memunharaunda yechinhu. Zvakaoma kufungidzira kuti sarudzo yeCSS ine chinangwa chekugadzira, asi chaizvoizvo inonyanya kushandiswa kuisa peji peji zvinhu.

Kana ruzivo rwakachengetwa mukirasi huru, kureva, harisi, saka, kuriratidza muchikwata chekusaziva: hover, unogona kuratidza muenzi peji yepaji apo mutsara uri pairi, somuenzaniso, sarudza chinhu chemenu. Dzimwe nguva unofanirwa kusarudza chimwe chinhu nekunyanya pamufananidzo, kana kukwevera chimwe chinhu kune imwe nzvimbo. Zvinonyanya kushandiswa kushandisa ruvara rwemavara, uye kwete kushandura mamiriro ezvinyorwa kana zvayo.

Mamwe mapurogiramu anoda kusarudza peji nzvimbo kana kusarudza zvinhu zvekugadziriswa kwekupedzisira. Muchiitiko ichi, unogona kugadzira div nechirongwa panguva yekunyanya uye kusvikira mushanyi akabudisa bhodhi rega, aigadzirise, achiratidza maitiro ekusarudzwa.

Kunze kwezvinotaurwa

Zvidzidzo zveCSS zvinonakidza zvikuru, uye zvakakosha kutsvakurudza mapeji epaji peji. Zvisinei, pfuma yake inofanira kuva yakasiyana, inofanira kuva nechiso chake.

I-CSS hurumende inopiwa ne syntax haipei zvakasiyana-siyana seyayo pachake. Impromptu inguva yakatanga, uye hapana chinodzivirira musununguri kuti asazvigadzirisa. Kunyanya nezvose zvinobudirira zveInternet technologies uye nehutano hwehutsika huripo, pane mazano akawanda anovimbisa anobva pane zvikanganiso chaiwo muzwi rinowanikwa, iyo (nedudziro) yakagara yakanyatsorongeka.

Kunyanya, kana tichida kugadzira hurongwa hwezvinhu izvi kana zvimwe zvikamu, zvinoratidzika kuti zvine musoro kuita izvi nenzira yakazara. Nokuisa pachena kumativi nemakona eimwe nzvimbo mumatemu akasiyana, unogona kuwana migumisiro inoshamisa. Uye nekupa vashandi vakakodzera, unogona kugadzira mapeji ezvinyorwa zvinoshandiswa nekuchinja chinzvimbo, maitiro uye zviripo.