Effetti CSS: arrotondament tal-kantunieri ta 'l-elementi

Is-sintassi tal-folji ta 'l-istil cascading tinbena hekk sempliċiment li l-possibbiltà li jinkiseb id-disinn l-aktar mistenni hija disponibbli anki għal persuna' l bogħod mill-ipprogrammar u l-iżvilupp tas-siti. Forsi mill-fatt li l-logħob tat-tfal fil-kubi baqa 'fil-memorja ta' kulħadd, biex tuża din l-esperjenza multidimensjonali f'HTML, CSS mhuwiex diffiċli.

Madankollu, l-ipprogrammar modern għadu 'l bogħod ħafna mir-rappreżentazzjoni tal-kostruzzjonijiet tar-realtà reali. S'issa, kwalunkwe żona (okkupata minn kwalunkwe element ta 'blokka) fi kwalunkwe tifsira u skop formali tagħha għandha forma rettangolari li fiha tiġi ffurmata l-kurva mixtieqa tal-kontorn.

S'issa, kwalunkwe ċirku, raġġ ta 'kurvatura, kwalunkwe linja dritta mgħawġa, eċċ huma deskritti minn ekwazzjonijiet matematiċi kumplessi jew kubi żgħar ħafna, trapezoids, trijangoli jew elementi rettilineari oħra li huma viżibbli għall-għajn bħala punt fuq il-linja.

Kostruzzjonijiet diretti klassiċi

M'hemm l-ebda sorpriża li l-progress fl-ipprogrammar u t-teknoloġija ta 'l-informazzjoni leġittimizza disinji rettangolari. L-ideat avvanzati ma ħassewx il-ħin fuq formoli mqarrba, iżda ma rnexxielhomx jagħtu lill-iżviluppatur karatteristiċi biżżejjed fit-tikketti u r-regoli ta 'HTML, CSS u lingwi ta' programmar relatati.

Kwalunkwe element użat fuq il-paġna għandu żona rettangolari, u diversi komponenti huma magħżula fih, li minnhom f'kull każ speċifiku huwa meħtieġ li jintużaw biss il-karatteristiċi ta 'kontenut speċifiku ta' immarkar f'xejriet sintattiċi disponibbli bl-eżiġenzi tal-kompatibilità bejn il-browser.

Regoli Ġenerali tas-CSS

Folji ta 'l-istil Cascading jissuġġerixxu li jiddeskrivu l-elementi kif ġej:

• Proprjetà: valur.

Il-proprjetà hija isem speċifiku, u l-valur jista 'jkun jew isem jew enumerazzjoni ta' ismijiet jew valuri.

Rigward l-elementi tal-blokk u l-ħtieġa li jsir arrotondament tal-kantunieri permezz tas-CSS, jagħmel sens li tuża l-proprjetà tar-raġġ tal-fruntiera u l-valur tagħha fil-format "38px" jew "8px 16px 24px 38px".

Jekk il-valur huwa ssettjat għal numru wieħed, se jiġi stabbilit bħala wieħed għall-angoli kollha. Ir-rekord ta 'l-erba' valuri kollha jirrelata:

• L-ewwel numru fuq ix-xellug ta 'fuq;
• It-tieni fuq il-lemin ta 'fuq;
• It-tielet - lejn il-lemin waħda t'isfel;
• L-aħħar lejn ix-xellug t'isfel.

Qsim ta 'xi regoli

Il-kunċetti tal-fruntiera, l-immaġini u l-isfond jistgħu jintużaw flimkien. Dan huwa normali, u r-regoli ma jinterferix ma 'xulxin, li jiffurmaw kompożizzjoni ġenerali. L-iktar ħaġa importanti hija li tagħti rendikont ta 'dak eżattament kull wieħed minnhom ifisser, u kif tiġi superimpost.

Qabel ma timplimenta dan jew dak l-element, huwa importanti li twettaq bosta esperimenti u ttestja l-operazzjoni f'diversi browsers. Orjentament għal pariri, rakkomandazzjonijiet, eżempji ta 'partijiet terzi jew sintassi CSS, kantunieri għat-tqarrib, eċċ., Rarament huma aħjar mill-prattika ġdida tiegħek stess.

Huwa importanti li nifhmu li l-fruntiera, immaġni, mill-perspettiva tad-disinn tal-kantunieri, huma l-istess kunċetti. L-istampa tista 'tiġi ppreżentata mhux f'format png. Dan se jkun maqtugħ mill-browser, skond ir-regoli stabbiliti f'CSS. Il-kantunieri tat-tidwir huma t-tħassib tal-iżviluppatur, irrispettivament mir-rettangularità tal-materjal tas-sors.

Karatteristiċi ta ' HTML, CSS minn browsers

Merħba d-dħul tal-istil bl-ingrossa - għall-browsers kollha minnufih. Fi kwalunkwe każ, eżempji klassiċi dwar it-tema "CSS: kantunieri ta 'arrotondament" jissuġġerixxu kitba bħal din:

Sfond: # FF7F00; / * Sfond * /

Fruntiera: 1px #CCCCCC solidu; / * Frame * /

-moz-border-radius: 10px; / * CSS rounding corners għal Mozilla Firefox * /

-webkit-radju tal-fruntiera: 10px; / * ... għal Chrome u Safari * /

-html-raġġ tal-fruntiera: 10px; / * ... Konquerer * /

Raġġ tal-fruntiera: 10px; / * CSS rounding corners għal kulħadd * / eċċ.

Madankollu, fil-biċċa l-kbira tal-każijiet huwa biżżejjed li tindika l-aħħar regola. Is-sensja għandha tintuża biss meta jkun hemm ħtieġa reali għaliha.

Tabelli klassiċi u meraviljużi

Minkejja l-bosta tilwim tal-partitarji tat-tqassim tabulari (tr, td) u l-użu ta 'div u span tags (tqassim "marvellous"), prattika oġġettiva tippreferi l-għażla ta' ħtieġa raġonevoli.

Divas għandhom xi virtujiet, oħrajn għandhom tabelli. Jekk ma jikkomplementawx lil xulxin, iżda sempliċement ikkompetew, il-mistoqsija malajr tisparixxi f'varjant wieħed, li tgħaqqad l-aħjar naħat tat-tabelli u divas.

Il-biċċa l-kbira tas-siti huma maħluqa bl-użu tas-CMS (sistemi ta 'ġestjoni tas-sit) u għad-dispożizzjoni tal-iżviluppatur ma jiġix biss firxa wiesgħa ta' arranġamenti ta 'data "ġganti", mijiet ta' folders, oġġetti, iżda wkoll tabelli.

It-tikketti [div | span], bħala tali, mhumiex allokati, iżda l-unika ħaġa li tqum eżattament għax-xiri sħiħ tal-iżviluppatur hija stili CSS. U kull CMS tissepara b'mod ċar kemm il-kodiċi inkluż fih mill-kreattività tal-iżviluppatur, kif ukoll l-istili tiegħu stess mill-istili miżjuda, u fir-rigward ta 'bidliet (per eżempju, f'css - arrotondament tal-kantunieri tat-tabella), dejjem tista' terġa 'tistabbilixxi s-settings u stili awtomatiċi.

Kurvi u angoli mhux provduti mis-sintassi

Tista 'ssegwi b'mod strett ir-regoli kollha ta' HTML, CSS, iżda jkollha r-riżultat, mhumiex ipprovduti. Permezz ta 'elementi superimposti fuq xulxin, tista' tikseb kwalunkwe żona ta 'kwalunkwe konfigurazzjoni. Bl-użu ta 'programmazzjoni PHP fuq is-server, tista' tibgħat kwalunkwe fajls ta 'stil lill-browser tal-viżitatur u ehmeż il-kodiċi JavaScript korrispondenti fil-korp tal-fajl HTML jew fajl js separat.

Kwalunkwe verżjoni tal-kontorn, kwalunkwe forma ta 'l-element tiegħek barra mir-regoli CSS! Il-kantunieri ta 'l-arrotondament huma biss parzjali, u l-possibbiltajiet reali huma ħafna usa'. Fl-istess ħin tipprogramma l-oġġetti tiegħek, ma tistax tagħti attenzjoni lill-karatteristiċi ta 'browsers individwali, uża biss dawk it-tikketti u kostruzzjonijiet ta' lingwi ta 'l-ipertextti li huma pperċepiti mill-browsers kollha mingħajr eċċezzjoni.

Bl-użu ta 'l-ideat ta' programmazzjoni orjentata lejn l-oġġett, tista 'tiddisinja d-dehra ta' angolu jew kurva, ovvjament mhux ipprovdut minn kwalunkwe forma browser. F'dan il-każ, mhuwiex neċessarju li jkun preċiżament l-angolu tar-reġjun, oriġinarjament fil-forma rettangolari. Huwa importanti li l-komponenti tal-kurva deskritti fil-forma ta 'regoli CSS jingħaqdu f'kodiċi viżwali viżwali tal-JavaScript u fil-mument it-tajjeb, fil-post it-tajjeb fil-browser, jirriflettu ruħhom fil-forma korretta.

B'din it-teknoloġija, xejn ma jżomm oġġetti bħal dawn milli jwettqu ruħhom fil-pjan tridimensjonali jew juru l-animazzjoni.