CSS Učinki: zaobljenimi vogali elementov

Sintaksa Cascading Style Sheets je zasnovan tako, le da je možnost pridobitve najbolj nepričakovano obliko voljo še daleč od načrtovanju in razvoju človeških mest. Morda je to, da se otroci igrajo z bloki ostanejo v spominu vsakogar, uporabite večplasten izkušnje v HTML, CSS je enostavno.

Vendar pa je trenutna programiranje je še vedno zelo daleč od predstavitve konstrukcije realnosti. Do sedaj, vse površine (zasedeni, kar vam je všeč blok element) v katerem koli od njegovega pomena in formalno imenovanje pravokotne oblike, ki se oblikuje v želeno krivuljo obris.

Do sedaj, vsak krog, zaokroževanje radij, kako ukrivljeno naravnost in tako naprej. P. Opisuje zapletene matematične enačbe ali zelo majhne kocke, trapeze, trikotnika ali drugih linijskih elementov, ki so prepoznavni na prvi pogled kot točke na progi.

Klasična Straight oblikovanje

To ni presenetljivo, da je napredek na področju programskih in informacijskih tehnologij legalizirana pravokotno obliko. Inovativne ideje ni izgubljal časa na zaobljene oblike, vendar ne pozabite, da na voljo za razvijalce dovolj funkcij in HTML oznakami pravili, CSS in sorodnih programskih jezikov.

Vsak element, uporabljen na strani je pravokotno območje, v katerem je bilo dodeljenih več delov, od katerih je treba v vsakem primeru se uporabljajo potrebni le upoštevamo krossbrauzernosti zahteve označevalni funkcije specifične vsebine, ki so na voljo skladenjske konstrukcije.

Splošna pravila za CSS

Cascading Style Sheets ponujajo opisati elemente, kot sledi:

• nepremičnine: vrednost.

V tem primeru je lastnost - lahko specifično ime in vrednost bodisi ime ali seznam imen ali vrednosti.

Glede blok elemente in da je treba opraviti s pomočjo CSS zaobljenimi koti, je smiselno uporabiti lastnost border-radius in njeno vrednost v obliki "38px" ali "8 slikovnih pik 16px 24px 38px".

Če je vrednost, ki jo eno številko, bo nastavljena na tiste, za vse kote. Snemanje vse štiri vrednosti so:

• Prva številka - v zgornjem levem kotu;
• drugi - v zgornjem desnem kotu;
• tretji - na desni strani spodaj;
• zadnje - na spodnji levi strani.

Delitev nekaj pravil

Koncepti meja, slike in ozadja se lahko uporabljajo skupaj. To je normalno, in omenjena pravila ne motijo med seboj, tvorijo celotno kompozicijo. Glavna stvar - da se upošteva dejstvo, da je ime vsakega od njih pomeni, in kako se uporablja.

Pred izvajanjem tega ali onega elementa, je pomembno, da izvede nekaj poskusov in poskusno delo na več brskalnikih. Usmerjenost na nasvete, priporočila, primeri tretji osebi ali CSS sintakse, zaobljenimi koti, in tako naprej. N. Je redko bolje kot lastno svežega praksi.

Pomembno je razumeti, da je meja, slika, v smislu oblikovanja kotov - iste vrste koncepta. Risba je mogoče predstaviti ni v png formatu. On se bo odrezal v brskalniku, v skladu s pravili, določenimi v CSS. Zaobljeni robovi - skrb za razvijalce, ne glede pravokotnosti izvornega materiala.

Značilnosti HTML, CSS iz brskalnikih

Dobrodošli snemanje Style na debelo - za vse brskalnike naenkrat. Kakorkoli klasičnih primerov na temo "CSS: zaobljene vogale" ponudba za tako pisanje:

background: # FF7F00; / * Ozadje * /

meja: 1px #CCCCCC trdno snov; / * Rob * /

-moz-border-radius: 10px; / * CSS zaobljene kote za Mozilla Firefox * /

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

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

border-radius: 10px; / * CSS zaobljenimi koti za vse * / in tako naprej. N.

Vendar pa je v večini primerov je dovolj, da določi zadnji pravilo. Odpustitev se sme uporabljati le, če obstaja resnična potreba.

Klasična in čudovita miza

Kljub številnih polemik podpornikov postavitve tabele (tr, td) in možnost uporabe div oznake in dobo ( "čudovito" postavitve), objektivno praksi možnostmi možnost razumno potrebno.

V Divs nekaj dostojanstva v drugih tabelah. Če se ne dopolnjujejo med seboj, in prav tekmujejo, bi vprašanje se hitro izpari v eni različici, ki združuje najboljše vidike tabel in Divs.

Večina spletnih mest ustvarjena s pomočjo CMS (Content Management System), in pri odstranjevanju razvijalec ne prihaja le širok spekter "velikan" podatkovnih bazah na stotine mape, predmetov, ampak tudi tabel.

Tag [div | span], kot tak, ne izstopajo, vendar edina stvar, ki pride prav v popolni milosti razvijalec - CSS slogi. In katerikoli CMS jasno ločuje kodo, del pa iz ustvarjalnosti razvijalec in njihovih stilov dodane slogu, in v primeru sprememb (na primer, CSS - zaokroževanje vogalov v tabeli), lahko vedno obnovite nastavitve in privzete sloge.

Krivulje in koti niso zajete v sintakso

Lahko strogo spoštovati vsa pravila HTML, CSS, ampak da imajo rezultat, niso na voljo. Prekrivanje elemente med seboj, je mogoče pridobiti vsako regijo koli konfiguracije. Uporaba PHP-razvoj na strežniku, lahko pošljete brskalnik obiskovalca in vse slog datoteke, da se veže na njih ustrezno kodo JavaScript v telesu HTML-datoteke ali ločeno js-datoteke.

Vsak krog varianta, vsaka oblika lastnine elementa pravila CSS! Zaobljeni robovi - le posebne, in realne možnosti je veliko širši. V tem primeru, programiranje svoje predmete, ki jih lahko ne bi bila pozorna na značilnosti posameznih brskalnikov, uporabite samo oznake in strukturo hipertekstnih jeziku, ki so razumeli, da vsi, brez izjeme brskalnikov.

Z idejo objektno programiranje, lahko oblikujete videz kot ali krivulja se očitno ni predvidena nobena oblikah brskalnika. V tem primeru, da ni nujno, da bo to vogalu območja, ki je bila prvotno pravokotno obliko. Pomembno je, da so sestavni deli krivulje, opisane v obliki pravil, CSS, skupaj v eno samo vizualno JavaScript objektni kodi in ob pravem času na pravem mestu brskalnika, se odraža v pravilni obliki.

Ta tehnologija ne moti teh predmetov, da se zavedaš, v tridimenzionalni letalom ali oddaji animacijo.