CSS efekti: zaobljenim uglovima elemenata

Sintaksa CSS je dizajniran tako jednostavno da je mogućnost dobijanja najneočekivanije dizajn je dostupan čak i daleko od programiranja i razvoja ljudskih stranicama. Možda je činjenica da se djeca igraju s blokovima ostaju u memoriji svima, koristite višestrana iskustva u HTML, CSS je lako.

Međutim, trenutni programiranje je još uvijek vrlo daleko od predstavljanja konstrukcija stvarnosti. Do sada, bilo područje (okupiran šta vam se dopada blok element) u bilo koju od svojih značenja i formalno imenovanje pravokutnog oblika, koji se formira u željenom kriva linija konture.

Do sada, bilo krug, zaokruživanje radijus, kako zakrivljenim pravo i tako dalje. P. Opisuje složene matematičke jednadžbe ili veoma male kockice, trapezoidima, trougla ili drugih pravolinijski elemente koji su prepoznatljive na oku kao tačka na liniji.

Klasični Straight dizajn

To je ne čudi da je napredak u oblasti programiranja i informacionih tehnologija legalizovana pravokutnog dizajna. Inovativnih ideja nije gubio vrijeme na zaobljeni oblik, ali ne zaboravite da se predstave na raspolaganje developer dovoljno mogućnosti i HTML oznake pravila, CSS i srodnih programskih jezika.

Bilo koji element koji se koristi na stranici je pravougaona površina, u kojima je namijenjen nekoliko dijelova, od kojih je u svakom slučaju treba koristiti samo potrebno s obzirom krossbrauzernosti zahtjeve za označavanje karakteristike određenog sadržaja dostupna sintaktičke konstrukcije.

Opća pravila za CSS

CSS ponuditi opisati elemente kako slijedi:

• nekretnine: vrijednost.

U ovom slučaju, imovina - određeno ime i vrijednosti može biti ime ili popis imena ili vrijednosti.

Što se tiče bloka elemenata i potrebu da se uradi preko CSS zaobljene ivice, ima smisla da koristi imovinu border-radius i njegova vrijednost u formatu "38px" ili "8px 16px 24px 38px".

Ako je vrijednost dao jedan broj, to će biti postavljena na one za sve uglove. Rekord sve četiri vrijednosti su:

• prvi broj - u gornjem lijevom kutu;
• drugi - u gornjem desnom uglu;
• treći - u donji desni;
• najnovije - u donjem lijevom.

Dijeljenje neke od pravila

Koncepti granice, slike i pozadine mogu se koristiti zajedno. To je normalno, i napomenuo pravila ne ometaju jedni druge, formirajući ukupan sastav. Glavna stvar - da objasni činjenicu da je ime svakog od njih predstavlja, i kako se primjenjuje.

Prije implementacije ovog ili onog elementa, važno je provesti neke eksperimente i test rad na više pretraživača. Orijentacija na savjete, preporuke, primjere treće strane ili CSS sintaksa, zaobljene ivice, i tako dalje. N. rijetko bolje od vlastite svježe praksu.

Važno je shvatiti da je granica, slike, u smislu dizajna uglova - isti tip koncepta. Crtež se mogu predstaviti ne u png formatu. On će biti odsječen pretraživač, u skladu sa pravilima koja u CSS. Zaobljenim uglovima - brižan developer, bez obzira na pravokutnosti izvornog materijala.

Značajke HTML, CSS iz pretraživače

Dobrodošli Style snimanje na veliko - za sve pretraživače odjednom. U svakom slučaju klasičnih primjera na temu "CSS: zaobljene ivice" ponuda za pisanje tako:

background: # FF7F00; / * Pozadina * /

granica: 1px #CCCCCC solid; / * Granica * /

-moz-border-radius: 10px; / * CSS zaobljeni kutovi Mozilla Firefox * /

-webkit-border-radius: 10px; / * ... za Safari i Chrome * /

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

border-radius: 10px; / * CSS zaobljeni uglovi za sve * / i tako dalje. N.

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

Klasični i divno sto

Uprkos brojnim kontroverzama pristalice sto raspored (tr, td) i mogućnost korištenja div tagova i raspona ( «pamtiti" raspored), cilj praksa omiljena opcija razumno potrebno.

U div imaju malo dostojanstva u drugim tabelama. Ako ne se međusobno nadopunjuju, a upravo se takmiče, pitanje bi se brzo ispari u jednoj verziji koji kombinira najbolje aspekte stolova i Divs.

Većina lokaliteta stvoren pomoću CMS (Content Management System), a na raspolaganju programer ne dolazi samo širok spektar "giganta" skupovi podataka stotine fascikli, objekata, ali i stolovima.

Tag [div | raspona], kao takva, ne odskače, ali jedina stvar koja mi pada upravo na potpunu milost i nemilost developer - CSS stylesheet. I bilo CMS jasno odvaja kod, deo iz kreativnosti programera i vlastite stilove dodao je stila, a u slučaju promjena (npr css - zaokruživanje uglovima stola), uvijek možete vratiti postavke i zadani stilova.

Krive i uglova koji nisu obuhvaćeni sintaksu

Možete striktno pridržavati svih pravila HTML, CSS, ali da rezultat toga, oni se ne pruža. Umetanja elementi međusobno, moguće je dobiti bilo kom regionu bilo koje konfiguracije. Koristeći PHP-razvoj na serveru, možete poslati preglednika posetioca i bilo koji stil datoteke za pričvršćivanje na njih odgovarajuće JavaScript kod u tijelu HTML datoteke ili poseban js-datoteku.

Bilo koji spoj varijanta, bilo koji oblik imovine element je CSS pravila! Zaobljenim uglovima - samo određene, a realne mogućnosti je mnogo širi. U ovom slučaju, programiranje vlastite objekte, ne možete obratiti pažnju na karakteristike pojedinih preglednicima, koristiti samo oznake i struktura hiperteksta jezika, koji se smatraju svi, bez izuzetka pretraživača.

Koristeći ideja objektno orijentisanog programiranja, možete dizajnirati izgled uglu ili krive očigledno nije predviđena bilo kojim oblicima preglednika. U ovom slučaju, nije potrebno da će to biti na uglu tom području, koji je u početku bio pravokutnog oblika. Važno je da su komponente krive opisanih u obliku CSS pravila, u kombinaciji u jednu vizuelnu JavaScript kod objekta i u pravo vrijeme na pravom mjestu pretraživača, se ogleda u ispravnom obliku.

Ova tehnologija ne ometa takvih objekata da se ostvare u trodimenzionalnom avion ili pokazuju animacije.