CSS migumisiro: kutenderera kumakona ezvimwe zvinhu

Mutsara wekuputika mavara mapepa anovakwa kuitira kuti mukana wekuwana chigadzirwa chisingafungirwi unowanikwa kunyange kune munhu kure nemapurogiramu uye nzvimbo dzinosimudzira. Zvichida kubva pakuti mitambo yevana mumakubhi yakasara mumunhu wese yekuyeuka, kushandisa iyi yakawanda-chiitiko mune HTML, CSS haisi yakaoma.

Zvisinei, zvirongwa zvemazuva ano zvichiri kure kwazvo nekumiridzirwa kwezvivakwa zvechokwadi chaiye. Kusvika ikozvino, chero nzvimbo (inobatwa nemupi wehutachi chinhu) mune chero ipi zvayo yezvinoreva zvayo uye zvinangwa zvakarongeka zvine maitiro akakomberedzwa mukati umo inenge yadikanwa yemutsara inoumbwa.

Kubva ikozvino, chero denderedzwa, ruzivo rwekuputika, chero rutivi rwakakomberedza rwerudyi, nezvimwewo zvinorondedzerwa nehutachiwana hwemasvomhu equations kana maduku maduku, trapezoids, triangles kana zvimwe zvikamu zvekare zvakaratidzwa kune ziso sechinhu pamutsara.

Zvivakwa zvakananga zvekare

Hazvishamisi kuti kufambira mberi pakurongwa uye teknolojia yekodzero yakagadzirisa zvigadzirwa zvemasanganisi. Pfungwa dzakagadzirwa nepamusoro hazvina kupedza nguva pamafomu akakomberedzwa, asi havana kukanganwa kupa mutekisi ane zvakakwana mumataki nemitemo ye HTML, CSS nemimwe mitauro yakarongeka.

Chero chero chinhu chinoshandiswa pa peji chine nzvimbo yakagadziridzwa, uye pane zvimwe zvikamu zvinosarudzwa mairi, kubva pane imwe neimwe yakakodzera zvakakosha kushandisa chete zvakakosha, nezvo zvinodiwa zvemuchinjikwa-mutsvavhisi, maitiro ekucherechedza zvimwe zvakagadzirwa mune zvigadzirwa zvekugadzira.

General CSS Mitemo

Kutsika mavara mapepa anoratidza kurondedzera zvinhu sezvinotevera:

• Imba: kukosha.

Imba iyo zita rakananga, uye kukosha kunogona kuva zita kana kuverengera mazita kana maonero.

Nezvekudzivirira zvikamu uye kudikanwa kwekukomberedza makona kuburikidza neCSS, zvinonzwisisika kushandisa muganhu-radius pfuma uye kukosha kwayo mu "format 38px" kana "8px 16px 24px 38px".

Kana huwandu hunoiswa kune imwe nhamba, ichagadzirirwa kuva imwe yezvikamu zvose. Nhoroondo yezvinhu zvose zvitsvene inorondedzera:

• Nhamba yekutanga kusvika kumusoro yakasara;
• Yechipiri kune kurudyi kumusoro;
• Chechitatu - kusvika kune imwe yakaderera imwe;
• Iyo yekupedzisira kusvika kumucheto wezasi.

Kugovera mamwe mitemo

Mafungiro emuganhu, mufananidzo uye mushure anogona kushandiswa pamwechete. Izvi zvakajairika, uye mitemo haina kupindirana, nekuumba huwandu hwehuwandu. Chinhu chikuru ndechokupa nhoroondo yekuti chaizvoizvo chimwe nechimwe chazvo chinorevei, uye kuti chakanyanya sei.

Usati waita izvi kana kuti ichocho, zvakakosha kuti uite zvidzidzo zvinoverengeka uye uongorore kushanda pane dzimwe browsers. Kuenderera mberi kune mazano, mazano, mienzaniso yechitatu-party kana CSS syntax, kumativi akakomberedzwa, nezvimwewo, hazviwanzo nani kupfuura tsika yako itsva.

Zvakakosha kunzwisisa kuti muganhu, mufananidzo, kubva pakuona kwekugadzirwa kwemakona, ndiwo maonero akafanana. Mufananidzo wacho unogona kuiswa kwete png-format. Ichaendeswa nechekushandura, maererano nemitemo iri muCSS. Kupoteredza makona ndiko kunetseka kwekugadzirisa, zvisinei nokuti chii chinokonzerwa nemashoko acho.

Zvichitevedzwa zve HTML, CSS kubva kuvheji

Gamuchirai mukana wekutsvaga muhuwandu - kune vese vashandisi pakarepo. Chero mamiriro ezvinhu, mienzaniso yekare pamusoro unoti "CSS: kukomberedza makona" zvinoreva kunyora sezvizvi:

Mhemberero: # FF7F00; / * Background * /

Border: 1px #CCCCCC yakasimba; / * Frame * /

-moz-border-radius: 10px; / * CSS yakakomberedza makona eMozilla Firefox * /

-webkit-border-radius: 10px; / * ... ye Chrome ne Safari * /

-khtml-border-radius: 10px; / * ... Konquerer * /

Border-radius: 10px; / * CSS yakakomberedza makona kwezvose * / nezvimwe.

Zvisinei, mumatambudziko akawanda zvakakwana kuratidza mutemo wokupedzisira. Kudzorera kunofanira kushandiswa chete kana pane chidikaniso cheicho.

Zvinyorwa zvekare uye zvinoshamisa

Pasinei nekukakavadzana kwakawanda kwevatsigiri vekuisa mazita (tr, td) uye kushandiswa kwema div uye span tags ("inoshamisa" kurongeka), chinangwa chekuita chinosarudza chisarudzo chenguva yakakodzera.

Divas ane mamwe maitiro, vamwe vane matafura. Kana vasina kubatsirana, asi vakangokwikwidzana, mubvunzo wacho waizokurumidza kupera mukusiyana kwakasiyana, kusanganisa zvakanakisa mativi ematafura uye divas.

Nzvimbo dzakawanda dzesayenzi dzinogadzirwa kuburikidza neCMS (nzvimbo yekuchengetedza maitiro) uye pakusara kwekugadziridza haisi kungova nemhando yakawanda ye "giant" data data, mazana emafolisi, zvinhu, asiwo tafura.

Tags [div | span], saizvozvowo, hazvina kugoverwa, asi chinhu chimwe chete chinonyatsouya kusvika kune-full-out of the developer is CSS styles. Uye chero CMS chero ipi zvayo inoparadzanisa zviri zviviri mutsara unowanikwa mauri kubva pakusikwa kwemugadziri, uye maitiro azvo kubva pamitambo yakawedzerwa, uye pamusoro pekuchinja (somuenzaniso, mu css - kukomberedza makona etafura), unogona kugara uchidzorera maitiro uye maitiro asina kushandiswa.

Curves uye angles hazvina kupiwa neshoko

Iwe unogona kunyatsotevedzera mitemo yose ye HTML, CSS, asi ine chigumisiro, haisi kugoverwa. Nekusimudzira zvinhu pamusoro peumwe neumwe, unogona kuwana chero nzvimbo dzekugadzirisa chero kupi zvako. Uchishandisa purogiramu yeFP pane seva, unogona kutumira chero mafaira ekufambisa kune mushanyi wekushanyirwa uye unyoresa code ye JavaScript inoenderana navo mumuviri we HTML file kana kuti js-file yakasiyana.

Chero shanduro yehurukuro, chero ipi zvayo yezvinhu zvako kunze kweCSS mitemo! Kukomberedza kumakona kunongokonzera zvishoma, uye mikana chaiyo yakawanda kwazvo. Panguva imwe chete pakuronga zvinhu zvako pachako, haugoni kuterera kune zvaunofanirwa navamwe vevashandisi, shandisa chete mabhesi aya uye zvigadzirwa zvehurukuro dzemazwi zvinonzwisiswa nevanoshambadziri vose pasina.

Uchishandisa mazano ezvirongwa zvinotarisana nemamwe maitiro, unogona kugadzira kuonekwa kwekona kana kona, zviri pachena kuti hazvipi zvakapiwa chero shanduro yefomu. Muchiitiko ichi, hazvisizvo zvakakwana kuti ichange ichinyatsoona nzvimbo yeharaunda yacho, yakatanga kumativi ose akafanana. Zvakakosha kuti zvikamu zvemukati unozvinyorwa nenzira yeCSS mitemo yakabatanidzwa kuva imwe chete ye JavaScript yenhamba yekodhi uye panguva yakakodzera, panzvimbo yakarurama mumushanduri, vanozviratidza pachavo mune fomu yakarurama.

Nekombiyuta iyi, hapana chakavhara zvinhu zvakadaro kubva pakuzviona pachavo mumhepo nhatu-dimensional kana kuratidza hupenyu.