Effects CSS: bilugan ang mga kanto ng mga elemento

Syntax ng Cascading Style Sheets ay dinisenyo upang lamang na ang posibilidad ng pagkuha ng mga pinaka-hindi inaasahang disenyo ay magagamit kahit malayo sa programming at pag-unlad ng tao sites. Marahil ang katunayan na ang mga bata maglaro na may mga bloke ay mananatili sa memorya ng lahat, gamitin ang multi-faceted na karanasan sa HTML, CSS ay madali.

Gayunpaman, ang kasalukuyang programming pa rin ang napaka-malayo mula sa ang pagtatanghal constructions ng katotohanan. Hanggang ngayon, ang anumang area (inookupahan kung ano ang gusto mo i-block element) sa anumang sa mga kahulugan at pormal na appointment ng isang hugis-parihaba hugis, na kung saan ay nabuo sa loob ng ninanais na curve contour line.

Hanggang ngayon, ang anumang bilog, rounding radius, kung paano ang isang liko ng tuwid at iba pa. P. Inilalarawan ang complex mathematical equation o masyadong maliit na cube, trapezoid, triangles o iba pang rectilinear mga elemento na maaaring maliwanagan sa mata tulad ng isang punto sa linya.

Klasikong Straight disenyo

Ito ay hindi kataka-taka na pag-unlad sa larangan ng programming at impormasyon teknolohiya legalisado hugis-parihaba disenyo. Makabagong ideya ay hindi aksaya ng oras sa isang bilugan hugis, ngunit huwag kalimutang upang ipakita sa pagtatapon ng nag-develop ng sapat na mga tampok at mga tag na HTML mga patakaran, CSS at mga kaugnay na programming wika.

Anumang elemento na ginamit sa pahina ay isang hugis-parihaba na lugar, kung saan ito ay inilaan ang ilang bahagi, kung saan sa bawat kaso ay dapat gamitin kinakailangan lamang alang krossbrauzernosti kinakailangan markup tampok tiyak na nilalaman na magagamit sintaktik constructions.

Mga patakaran sa CSS

Cascading Style Sheets ay nag-aalok upang ilarawan ang mga elemento tulad ng sumusunod:

• property: halaga.

Sa kasong ito, ari-arian - tiyak na pangalan at halaga ay maaaring maging alinman sa isang pangalan o isang listahan ng mga pangalan o halaga.

Tungkol sa mga elemento bloke at ang pangangailangan upang gawin sa pamamagitan ng CSS bilugan sulok, ito ang akma na gamitin ang border-radius ari-arian at ang halaga nito sa format na "38px" o "8px 16px 24px 38px".

Kung ang halaga na ibinigay sa pamamagitan ng isang numero, ito ay nakatakda sa mga para sa lahat ng mga anggulo. Record ang lahat ng apat na mga halaga ay ang mga:

• unang numero - sa itaas na kaliwang sulok;
• ang pangalawang - sa kanang itaas;
• ang ikatlong - sa ibabang-kanan;
• pinakabagong - sa kaliwang ibaba.

Ang pagbabahagi ng ilan sa mga tuntunin

Konsepto hangganan, imahe at background ay maaaring gamitin nang magkasama. Ito ay normal, at binanggit patakaran ay hindi makagambala sa bawat isa, na bumubuo sa pangkalahatang komposisyon. Ang pangunahing bagay - upang account para sa ang katunayan na ang pangalan ng bawat isa sa kanila ay kumakatawan, at kung paano ito ay inilapat.

Bago ang pagpapatupad ng ito o na elemento, ito ay mahalaga upang magsagawa ng ilang mga eksperimento at mga pagsubok sa trabaho sa maramihang mga browser. Oryentasyon sa payo, rekomendasyon, mga halimbawa ng mga third-party o CSS syntax, bilugan sulok, at iba pa. N. Ay madalang na mas mahusay kaysa sa kanilang sariling mga sariwang practice.

Ito ay mahalaga na maunawaan na sa hangganan, larawan, sa mga tuntunin ng mga anggulo na disenyo - ang parehong uri ng konsepto. Drawing maaaring iniharap wala sa png-format. Siya ay cut off sa pamamagitan ng browser, ayon sa mga panuntunan na itinatag sa CSS. Bilugan ang mga kanto - caring developer, nang walang kinalaman sa squareness ng source materyal.

Mga Tampok HTML, CSS mula sa mga browser

Maligayang pagdating Style recording pakyawan - para sa lahat ng mga browser nang sabay-sabay. Pa Rin klasikong halimbawa sa paksa "ang CSS: bilugan sulok" alok upang isulat ito:

background: # FF7F00; / * Background * /

border: 1px #CCCCCC solid; / * Border * /

-moz-border-radius: 10px; / * CSS bilugan sulok para sa Mozilla Firefox * /

-webkit-border-radius: 10px; / * ... para sa Safari at Chrome * /

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

border-radius: 10px; / * Ang CSS bilugan sulok para sa lahat * / at iba pa. N.

Gayunman, sa karamihan ng mga kaso na ito ay sapat na upang tukuyin ang huling panuntunan. Pag-uulit ay dapat gamitin lamang kapag may isang tunay na kailangan.

Classic at kamangha-manghang mesa

Sa kabila ng maraming kontrobersiya tagasuporta layout table (tr, td) at ng pagpipiliang gamitin ang div tag at span ( «kamangha-manghang" layout), layunin practice pinapaboran opsyon makatuwirang kinakailangan.

Sa divs magkaroon ng ilang mga karangalan sa iba pang mga talahanayan. Kung hindi sila makadagdag sa bawat isa, at lamang makipagkumpetensya, ang tanong sana ay mabilis na naglaho sa isang bersyon na pinagsasama ang pinakamahusay na aspeto ng mga talahanayan at divs.

Karamihan sa mga site na nilikha gamit ang CMS (content management system), at sa pagtatapon ng nag-develop ay hindi lamang isang malawak na hanay ng mga "higante" mga dataset ng daan-daan ng mga folder, mga bagay, kundi pati na rin mga talahanayan.

Tag [div | span], sa gayon, ay hindi stand out, ngunit ang tanging bagay na nanggagaling mismo sa kumpletong awa ng nag-develop - isang CSS stylesheet. At anumang CMS malinaw na naghihiwalay ang code, bahagi nito mula sa pagiging malikhain ng nag-develop at ang kanilang sariling mga estilo ng idinagdag estilo, at sa kaso ng mga pagbabago (halimbawa, css - Rounding ang mga sulok ng talahanayan), maaari mong laging ibalik ang mga setting at default na estilo.

Curves at anggulo na hindi sakop ng syntax

Maaari mong mahigpit na sumunod sa lahat ng mga patakaran ng HTML, CSS, ngunit upang magkaroon ng isang resulta, sila ay hindi ibinigay. Superimposing mga elemento sa bawat isa, ito ay posible upang makakuha ng anumang rehiyon ng anumang configuration. Ang paggamit ng PHP-unlad sa server, maaari mong ipadala sa browser ng bisita at ang anumang mga estilo ng mga file upang i-attach sa kanila ang nararapat na JavaScript code sa katawan ng HTML-file o ng isang hiwalay na js-file.

Ang anumang circuit variant, ang anumang anyo ng ari-arian na sangkap ay mga panuntunan CSS! Bilugan ang mga kanto - lamang partikular, at real mga pagkakataon ay mas mas malawak na. Sa kasong ito, programa ng iyong sariling mga bagay, hindi ka maaaring bigyang-pansin ang mga katangian ng mga indibidwal na mga browser, gamitin lamang ang mga tag at mga istraktura ng hypertext wika, na tinatanaw ng lahat, nang walang pagbubukod browser.

Gamit ang mga ideya ng mga object-oriented programming, maaari mong idisenyo ang hitsura ng isang sulok o sa isang curve ay malinaw naman hindi foreseen sa pamamagitan ng anumang mga form browser. Sa kasong ito, ito ay hindi kinakailangan na ito ay ang magiging sulok ng lugar, na kung saan ay orihinal na isang hugis-parihaba hugis. Ito ay mahalaga na ang mga bahagi ng curve inilarawan sa anyo ng mga panuntunan CSS, pinagsama sa isang solong visual JavaScript object code at sa tamang oras sa tamang browser lugar, sumasalamin mismo sa tamang pagkakasunod form.

Ang teknolohiyang ito ay hindi makagambala sa naturang bagay upang mapagtanto ang kanilang mga sarili sa isang three-dimensional plane o ipakita ang animation.