CSS Box: air dòigh ro làimh agus a 'bhuaidh

Fo-dhuilleagan stoidhle (CSS) airson a h-uile loidsigeach sìmplidheachd ga dhèanamh comasach chan ann a mhàin a chruthachadh iongantach dealbhaidh fhuasgladh, ach cuideachd a 'toirt eileamaidean fìor gnìomha, gu emulate an coileanadh an dearbh chòd.

Lèirsinneach sam bith HTML tag-ceartachaidh - ceart-cheàrnach sgìre sònraichte structar agus susbaint. Tha a 'gabhail a-steach eileamaid chomharra air na co-chomharran, meud, padding, dath, font, cruth-clò, agus mar sin a mach. Frame CSS-eileamaid a' sònrachadh iad còmhnaidh sgìre, a bhith suidhichte taobh a-staigh bho na crìochan air an ainmeachadh an so a leud.

sheantansan Tuairisgeul

Achaidh greis gnìomhachais eileamaid a shònrachadh 'co-òrdanachadh an coimeas ri na h-àrd air an làimh chlì an oisean den duilleig (clì,-àrd), meud anns a' chòmhnard agus dìreach treòrachadh (leud, a dh'àirde). All dealbhadh agus beothalachd eileamaidean a tha air a dhèanamh ann an càraidean "seilbh: luach."

Tuairisgeul a dhèanamh dìreach ann an duilleag còd a chur a-steach no ann an stoidhle air leth faidhl, a 'comharrachadh ris LINK iomradh. sheantansan:

#name {seilbh: luach; seilbh: luach; seilbh: luach; ...}

no

.name {seilbh: luach; seilbh: luach; seilbh: luach; ...}

An t-ainm cuideachd a bhith p, buidheann, html, clàr, td ..., a tha an t-ainm HTML-markup taga. Faodar co-cheangailte gu dìreach ris an tuairisgeul air an stoidhle eileamaid.

Mus dèan sibh suas fhìn an stoidhle sgrìobhaidh, nach leòn gus faicinn ciamar a tha e a 'dèanamh air làraich-chòrdte, a cumail an duilleag code, no le putadh Ctrl-U gus fhaicinn dìreach ann an Opera.

Tha a 'phrìomh crìochan

Dearbh CSS frèam eileamaid riochdachadh stoidhle (chrìoch-stoidhle), dath (chrìoch-dathach), leud (chrìoch-leud). Faodaidh e bhith air a h-uile chrìochnachadh ann an aon togalach - chrìch. 'S urrainn dhut innse gach frèam' chrìoch neo-eisimeileach (chrìoch-top, crìoch aig a 'bhonn,' chrìoch-chlì, crìoch-làimh dheis).

CSS frèam a rèir an riaghailtean coitcheann de fo-dhuilleagan stoidhle:

chrìch: 3px;
crìoch-dath: dearg;
crìoch-stoidhle: dùbailte reubadh cruaidh dotagach.

Iomradh seo a 'mìneachadh a' chrìoch leud de 3 pixel, dhath - dearg, stoidhle taobhan: àrda taobh an dùbailte, deas - reubadh, cruaidh-ìosal, clì - puing.

crìoch-leud: 1px 2px 4px 8px;
crìoch-color: gorm;
crìoch-stoidhle: sgapte.

An seo, tha na tomhasan de gach taobh tha cuideachd òrdugh bho mhullach, deiseil, dath - gorm, agus stoidhle - Spot.

crìoch-color: gorm dhearg uaine dubh;

ann an sònrachadh seo, fa leth a shònrachadh dath air gach taobh. chrìoch seilbh gabhail a-steach iomadh crìochan, agus na ceàrnan air an fhrèam a dh'fhaodas a bhith mun cuairt:

chrìch: 1px uaine cruaidh;
crìoch-radius: 0px 4px 8px 12px;
-moz-chrìochail-radius: 0px 4px 8px 12px;
-webkit-chrìochail-radius: 0px 4px 8px 12px;

Air mar a dhèanamh air an fhrèam CSS ann, tha e an crochadh air an Cleachdalachd de luchd-tadhail, oir mar as trice an stoidhle 'bhuaidh a tha air a chleachdadh airson adhbharan teicnigeach, nuair a tha e cudromach a' sealltainn an dearbh àite agus meud na sgìre air an duilleig.

Tha tiughad an fhrèam agus an adhbhair aige

Le bhith a 'taghadh an tiughad an fhrèam, faodaidh sibh a' cleachdadh px, pt, em ..., ach bu chòir cuimhneachadh gu bheil e an-còmhnaidh taobh a-staigh an achadh eileamaid. Tha e doirbh a bhith den bheachd gu bheil an fhrèam tha CSS dealbhadh adhbhar, teicnigeach ach tha e gu math feumail a thoirt gu aire na h-eileamaidean na duilleig.

Ma tha am prìomh frèam clas glaiste, a tha às-làthair, a rèir a 'sònrachadh e ann an clas an luchd-fuadain: iadhadh, faodaidh ea bhith air a shealltainn do luchd-tadhail an duilleag eileamaid, nuair a tha e cùrsair na luchaige, leithid a' comharrachadh a-menu. Uaireannan tha e riatanach gus rudeigin a thaghadh le bhith a 'cliogadh air an ìomhaigh, no rudeigin a' slaodadh an àiteigin. Tha e gu math goireasach a 'cleachdadh puing cèis, agus cha atharrachadh an eileamaid a chùlaibh, no air a th' ann.

Nithean feum iarrtasan a 'riarachadh de sgìrean na duilleig, no nithean a thaghadh airson tuilleadh giollachd. Anns a 'chùis seo, aig àm an cliog a chruthachadh div le chrìochail agus cho fada' sa luchd-tadhail nach eil a 'leigeil mu sgaoil putan na luchaig, teacsa an sgrion ath e, a' sealltainn an t-seallaidh thoradh air roghainn.

Taobh a-muigh fo

CSS clasaichean a tha gu math inntinneach, mar a tha an rannsachadh cho cudromach 'sa còdan duilleagan-chòrdte làraich. Ach, tha na stòrasan fhèin a dh'fheumas a bhith air leth sònraichte, feumaidh e aice fhèin aodann.

Fhad 'an sheantansan de CSS frèam Chan eil thoirt leithid an caochladh, mar a cheann fhèin. Dòigh ro làimh - mòr toiseach, agus chan eil dad a 'cur stad a-leasachaidh a thogail dhaibh fhèin cèis. Gu h-àraidh le uile euchdan Internet teicneòlas agus na comasan a th 'ann inbhean bheil iomadh gealltanach smuaintean stèidhichte air fìor uireasbhaidhean de sheantansan a th' ann, a tha (le definition) còmhnaidh air a bhith teann foirmeil.

Gu sònraichte, agus ma tha a stèidheachadh an cothrom cuid de na h-eileamaidean, tha e coltach iomchaidh sin a dhèanamh iomlan. A 'cur cuideam fa leth tagaichean ann an taobhan agus ceàrnan de sgìre, gheibh thu iongantach buaidhean. A sònrachadh treòrachaidh fa leth, faodaidh fiùghantach a chruthachadh duilleag eileamaidean, ag atharrachadh an t-suidheachadh, cumadh agus susbaint.