Effects CSS: oiseanan cruinn de eileamaidean

Syntax de fo-dhuilleagan stoidhle a dhealbhadh cho simplidh gu bheil an comas a 'faighinn a' chuid as ris nach robh dùil dealbhadh a tha ri fhaotainn fiù 's fada bho phrògraman agus leasachadh daonna làraich. 'S dòcha gu bheil a' chlann a 'cluich le blocaichean h-uile duine a' fuireach ann an cuimhne, a 'cleachdadh an ioma-thaobhach san dòigh ann an HTML, CSS e furasta.

Ach, tha na prògraman làithreach fhathast gu math fada bho taisbeanadh togalaichean de buil. Gus a nis, sgìre sam bith (fuireach dè as toigh leat an loga bacaidh eileamaid) ann an sam bith a brìgh agus foirmeil dreuchd an cumadh ceart-cheàrnach, a tha air a chruthachadh taobh a-staigh miannaichte lùb-àirde loidhne.

Gus a nis, cearcall sam bith, a 'cruinneachadh radius, mar a lùbte dìreach agus mar sin air adhart. P. ag innse mu iom-fhillte matamataigeach co-aontaran no glè bheag cubes, trapezoids, thriantan no rectilinear eileamaidean eile a tha eadar-dhealaichte ri na sùla mar phuing air an loidhne.

Classic Straight dealbhadh

Chan eil e na iongnadh gu bheil adhartas ann an raon de phrògraman agus teicneolas fiosrachaidh laghail ceart-cheàrnach dealbhadh. Beachd-smuaintean innleachdach cha robh ùine a chall air cumadh cruinn, ach na dìochuimhnich an làthair aig an riarachadh an leasaiche gu leòr feartan agus riaghailtean na tagaichean HTML, CSS agus prògraman co-cheangailte chànanan.

Eileamaid sam bith a chleachdadh air an duilleag seo ceart-cheàrnach sgìre, anns a bheil e air a riarachadh grunn phàirtean, a tha anns gach cùis bu chòir a chleachdadh a-mhàin riatanach beachdachadh krossbrauzernosti riatanasan markup feartan sònraichte susbaint ri fhaighinn syntactic togalaichean.

Riaghailtean coitcheann airson CSS

Fo-dhuilleagan stoidhle a thoirt seachad gus innse mu na h-eileamaidean mar a leanas:

• seilbh: luach.

Anns a 'chùis seo, sealbhachd - sònraichte ainm agus luach a bhith an dara cuid an t-ainm no clàradh de dh' ainmean no luachan.

A thaobh an loga bacaidh eileamaidean agus am feum a dhèanamh tro CSS oiseanan cruinn, tha e ciallach a 'cleachdadh na crìche radius-seilbh agus a luach ann an cruth "38px" no "8px 16px 24px 38px".

Ma tha an luach a chaidh a thoirt le aon àireamh, thèid a chur ris an fheadhainn airson a h-uile ceàrnan. Seo a h-uile ceithir luachan a tha:

• chiad àireamh - gu na h-àrd oisean chlì;
• an dàrna - gu na h-àrd air an làimh dheis;
• an treas - gus an ìre as ìsle làimh dheis;
• as ùire - gus an ìre as ìsle an làimh chlì.

Co-roinn cuid de na riaghailtean a

Concepts crìche, ìomhaigh agus cùl faodar a chleachdadh còmhla. 'S e seo àbhaisteach, agus iomradh air riaghailtean Chan eil bacadh air a chèile, a' cruthachadh iomlan composition. Tha a 'phrìomh rud - cunntachail airson gu bheil an t-ainm air gach aon dhiubh a' riochdachadh, agus mar a tha e air a chur an gnìomh.

Mus deach a chur an gnìomh seo no gun eileamaid, tha e cudromach a dhèanamh air cuid de dheuchainnean agus deuchainn air iomadh obair bhrobhsairean. Comhair na comhairle, molaidhean, eisimpleirean de treas-pàrtaidh no CSS sheantansan, oiseanan cruinn, agus mar sin air. N. Is ainneamh a bhios nas fheàrr na iad fhèin fìor-chleachdadh.

Tha e cudromach tuigsinn gu bheil a 'chrìoch, ìomhaigh, a thaobh dealbhadh ceàrnan - an aon seòrsa de bhun-bheachd. Faodar an dealbh a thoirt seachad nach eil ann an cruth-png. Bidh e a ghearradh dheth le bhith a 'bhrabhsair, a rèir na riaghailtean a stèidheachadh ann an CSS. Oiseanan cruinn - dhàimheil-leasachaidh, a dh'aindeoin squareness an stuth fiosrachaidh.

Feartan HTML, CSS bho shealladairean

Fàilte Style clàradh mòr-reic - airson a h-uile shealladairean aig an aon àm. Co-dhiù clasaig eisimpleirean air a 'chuspair "a' CSS: oiseanan cruinn" tairgse a sgrìobhadh mar sin:

Cùl-fhiosrachadh: # FF7F00; / * Cùl-* /

chrìch: 1px #CCCCCC cruaidh; / * Border * /

-moz-chrìochail-radius: 10px; / * CSS oiseanan cruinn airson Mozilla Firefox * /

-webkit-chrìochail-radius: 10px; / * ... airson an Safari agus Chrome * /

-khtml-chrìochail-radius: 10px; / * ... Konquerer * /

crìoch-radius: 10px; / * The CSS oiseanan cruinn a h-uile * / agus mar sin air. N.

Ach, sa mhòr-chuid de chùisean, tha e gu leòr airson dè an riaghailt mu dheireadh. Anbharra bu chòir a chleachdadh ach nuair a tha fìor fheum air.

Classic agus iongantach Clàr

A dh'aindeoin iomadh Connspaidean taic Clàr cruth (tr, td) agus an roghainn a bhith a 'cleachdadh div tags agus span ( «iongantach" cruth), amas a' chleachdadh as fheàrr leotha roghainn reusanta riatanach.

Ann divs tha cuid urram anns na bùird eile. Mura bi iad a 'cur a chèile, agus dìreach air a' farpais, a 'cheist a bhiodh luath dheatachadh ann an aon dreach a tha a' measgachadh as fheàrr de thaobhan clàir agus divs.

Chuid as motha de na làraichean a chruthachadh a 'cleachdadh an CMS (siostam riaghlaidh susbaint a), agus ann an riarachadh an leasaiche a' tighinn a-mhàin Chan eil raon farsaing de "famhair" toradh na ceudan de phasgain, nithean, ach cuideachd bùird.

Tag [div | span], mar sin, nach eil a 'seasamh a-mach, ach an aon rud a' tighinn dìreach aig an iomlan tròcair an leasaiche - a CSS stylesheet. Agus sam bith CMS gu soilleir a 'sgaradh an còd, pàirt dheth bho leasachaidh cruthachalachd agus aca fhèin stoidhle a chur ris an stoidhle, agus ann an cùis-atharrachaidhean (me, css - cruinneachadh a chleachdadh na h-oiseanan a' bhùird), faodaidh sibh daonnan air ais air na roghainnean agus default stoidhlichean.

Lùban agus ceàrnan nach eil còmhdaichte le sheantansan

Faodaidh sibh teann fan a h-uile riaghailtean HTML, CSS, ach gu bheil thoradh air sin, chan eil iad a 'toirt seachad. Superimposing eileamaidean a chèile, tha e comasach fhaighinn sam bith sgìre sam bith a rèiteachadh. A 'cleachdadh PHP-leasachadh air an fhrithealaiche, faodaidh sibh a chur chun an luchd-tadhail agus a' brabhsair sam bith stoidhle faidhlichean cur a-steach dhaibh iomchaidh JavaScript code ann an corp HTML-faidhl no fa leth JS-faidhle.

Sam bith cuairt car coltach, cruth sam bith seilbh e eileamaid CSS riaghailtean! Oiseanan cruinn - dìreach sònraichte, agus tha cothroman fìor mòran nas fharsainge. Anns a 'chùis seo, prògramadh agad fhèin Rudan, nach urrainn thu an aire ri feartan brabhsairean fa leth, a' cleachdadh ach a 'tags agus structar hypertext-chànanan, a tha a' faicinn a h-uile, ach a-mhàin gun bhrobhsairean.

A 'cleachdadh a' bheachd air rud a-amas phrògraman, faodaidh sibh a dhealbhadh air coltas oisean no lùb e follaiseach nach eil cleas le neach sam bith brabhsair foirmean. Anns a 'chùis seo, chan eil e riatanach gum bi seo an oisean na sgìre, a bha an toiseach ann an cumadh ceart-cheàrnach. Tha e cudromach gu bheil na co-phàirtean an lùb air a mhìneachadh ann an riochd CSS riaghailtean, còmhla mar aon lèirsinneach JavaScript nì code agus aig an àm cheart anns an àite cheart brabhsair, a 'sealltainn fhèin ann an riochd ceart.

Tha seo a teicneòlas Chan eil bacadh air a leithid nithean a thoirt gu buil fhèin ann an trì-thaobhach air plèana no taisbeanadh beò-dhealbhachd.