CSS efekti: zaobljeni kutovi elemenata

Sintaksa za Cascading Style Sheets je osmišljen tako jednostavno da je mogućnost dobivanja najviše neočekivano dizajn je dostupan čak i daleko od programiranje i razvoj ljudskih stranice. Možda činjenica da djeca igraju s blokovi ostaju u svačijem sjećanju, koristite višestruki iskustva u HTML-u, CSS je jednostavno.

Međutim, trenutni programiranje je još jako daleko od predstavljanja konstrukcije stvarnosti. Do sada, bilo koje područje (okupirana što vam se sviđa blok element) u bilo koju od svojih značenja i formalnog imenovanja pravokutnog oblika, koja se formira unutar željene konture krivulja linija.

Do sada, svaka krug, zaokruživanje radijus, kako zakrivljena ravno i tako dalje. P. Opisuje složene matematičke jednadžbe ili vrlo male kockice, trapeza, trokuta ili drugih pravocrtno elemente koji se jasno uočiti da se oku kao točke na liniji.

Klasična Ravno dizajn

To je ne čudi da je napredak u području programiranja i informacijskih tehnologija ozakonjena pravokutni dizajn. Inovativne ideje nije gubio vrijeme na okruglog oblika, ali ne zaboravite predstaviti na raspolaganju developer dovoljno mogućnosti i HTML oznake pravila, CSS i srodnih programskih jezika.

Svaki element koristi na stranici je pravokutni prostor, u kojem je dodijeljeno nekoliko dijelova, od kojih je u svakom slučaju treba koristiti samo potrebno s obzirom krossbrauzernosti zahtjevi markup značajki specifičnih sadržaja dostupna sintaktičke konstrukcije.

Opća pravila za CSS

Cascading Style Sheets ponuditi opisati elemente kako slijedi:

• nekretnine: vrijednost.

U tom slučaju, nekretnina - specifični naziv i vrijednost može biti naziv ili popis imena ili vrijednosti.

Vezano uz blok elemenata i potrebu učiniti putem CSS zaobljene kutove, ima smisla koristiti radijusu obruba imovine i njezine vrijednosti u formatu „38px” ili „8 piksela 16px 24px 38px”.

Ako je vrijednost dao jedan broj, bit će postavljen na one za svih kutova. Snimanje sve četiri vrijednosti:

• Prvi broj - na gornjem lijevom kutu;
• drugi - sa gornje desne strane;
• treći - za donji desni;
• Najnoviji - u donjem lijevom.

Dijeljenje neka od pravila

Pojmovi granica, slike i pozadine mogu se koristiti zajedno. To je normalno, a spomenuta pravila ne ometaju jedni druge, tvoreći ukupni sastav. Glavna stvar - da račun za činjenicu da je ime svakog od njih predstavlja i kako se primjenjuje.

Prije provedbe ove ili one elemente, važno je provesti neke eksperimente i test raditi na više preglednicima. Orijentacija savjet, preporuke, primjere treće strane ili CSS sintaksa, zaobljene kutove, i tako dalje. N. rijetko bolje od vlastite svježe praksi.

Važno je razumjeti da je granica, slika, u smislu dizajna kutova - iste vrste koncepta. Crtež može biti predstavljen nije u PNG formatu. On će biti odsječen u pregledniku, u skladu s pravilima utvrđenim u CSS. Zaobljeni kutovi - brižan programer, bez obzira na pravokutnosti izvornog materijala.

Značajke HTML, CSS iz preglednika

Dobrodošli na veliko stil snimanja - za sve preglednike odjednom. U svakom slučaju klasičnih primjera na temu „CSS: zaobljene kutove” Ponuda za pisanje tako:

Pozadina: # FF7F00; / * Pozadina * /

granica: 1 piksela #CCCCCC krutina; / * * Granica /

-moz granica-radijus: 10px; / * CSS zaobljeni kutovi za Mozilla Firefox * /

-webkit granica-radijus: 10px; / * ... za Safari i Chrome * /

-khtml granica-radijus: 10px; / * ... Konquerer * /

granična radijus: 10px; / * CSS zaobljeni kutovi za sve * / i tako dalje. N.

Međutim, u većini slučajeva dovoljno je navesti posljednji pravilo. Redundancija treba koristiti samo kada postoji stvarna potreba.

Klasična i prekrasan stol

Unatoč brojnim kontroverzama navijača stol izgleda (tr, td) i mogućnošću korištenja div oznake i raspon ( «čudo” izgleda) objektivne praksi preferiraju opciju razumno potrebno.

U divova imaju neke dostojanstvo u drugim tablicama. Ako se ne nadopunjuju, a samo natjecanje, pitanje bi vrlo brzo ispari u jednoj verziji koja kombinira najbolje aspekte stolova i divova.

Većina web stranice stvorene pomoću CMS (Content Management System), a na raspolaganju programer dolazi ne samo široki spektar „diva” skupova podataka stotina mape, objekata, ali i stolovima.

Oznaka [div | vijek], kao takav, ne ističe, ali jedina stvar koja dolazi upravo u potpunoj milosti developer - CSS stilovima. I bilo CMS jasno odvaja kod, dio je iz zahvata kreativnost i vlastitih stilova dodano stilu, te u slučaju promjena (npr CSS - zaokruživanje uglovima stola), uvijek možete vratiti postavke i zadane stilove.

Krivulje i kutovi nisu pokrivena sintakse

Vi strogo se pridržavati svih pravila HTML, CSS, ali da ima rezultat, oni ne stoje na raspolaganju. Umetanje elemenata međusobno, moguće je dobiti bilo regiju bilo koji oblik. Koristeći PHP-razvoj na poslužitelju, možete poslati pregledniku posjetitelja i svih datoteka stila pridaju im odgovarajući JavaScript kôd u tijelo HTML-datoteke ili zasebnim js-datoteku.

Svaka varijanta krug, bilo koji oblik elementa nekretnina je CSS pravila! Zaobljeni kutovi - samo pojedine, a stvarne mogućnosti je mnogo širi. U tom slučaju, programiranje vlastite objekte, ne možete obratiti pažnju na karakteristike pojedinih preglednicima, koristiti samo oznake i struktura hipertekstualnih jezika, koji se doživljavaju svi, bez iznimke preglednicima.

Koristeći ideju objektno-orijentirano programiranje, možete dizajnirati izgled kutu ili krivulja očito nije predviđena bilo kojim oblicima preglednika. U ovom slučaju, to nije nužno da će to biti kutak u području, koje je izvorno pravokutnog oblika. Važno je da su komponente krivulje opisane u obliku CSS pravila, u kombinaciji u jednu vizualnu JavaScript objektni kod u pravo vrijeme na pravom mjestu preglednik, odražava se u ispravnom obliku.

Ova tehnologija ne ometa takvih predmeta da se ostvari u trodimenzionalnom avion ili pokazuju animacije.