Učinki CSS: zaokrožujejo vogale elementov

Sintaksa kaskadnih slogovnih listov je tako preprosta, da je možnost pridobitve najbolj nepričakovanega dizajna na voljo celo osebi, ki je daleč od programiranja in razvoja spletnih mest. Morda iz dejstva, da otroške igre na kockah ostanejo v spominu vsakogar, da uporabite to večplastno izkušnjo v HTML-ju, CSS ni težko.

Vendar je sodobno programiranje še vedno daleč od reprezentacije konstrukcij realne resničnosti. Do sedaj ima vsako področje (ki ga zaseda kateri koli blok element) v katerem koli od njegovih pomenov in formalnih namenov pravokotno obliko, znotraj katere se oblikuje želena krivulja konture.

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čne neposredne konstrukcije

Ni presenetljivo, da je napredek v programski in informacijski tehnologiji legitimiral pravokotne oblike. Vrhunske ideje niso zapravile časa na zaokroženih oblikah, vendar niso pozabile, da razvijalcu zagotovijo dovolj funkcij v oznakah in pravilih HTML, CSS in z njimi povezanih 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 CSS

Elementi kaskadnih slogov opisujejo elemente, kot sledi:

• lastnost: vrednost.

V tem primeru je lastnost specifično ime, vrednost pa lahko bodisi ime bodisi število ali imena 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 nastavljena na eno številko, bo nastavljena za eno za vse kota. Evidenca vseh štirih vrednosti se nanaša:

• prva številka je v zgornjem levem kotu;
• drugi na desni zgornji;
• tretji na desni spodnji;
• slednje na spodnji levi.

Skupna raba nekaterih pravil

Koncepti meje, slike in ozadja se lahko uporabljajo skupaj. To je normalno, pravila pa ne vplivajo drug na drugega in tvorijo skupno sestavo. Glavna stvar je, da navedete, kaj točno vsak izmed njih pomeni, in kako je nadgrajen.

Pred izvajanjem tega ali tega elementa je pomembno, da izvedete več poskusov in preizkusite delo v več brskalnikih. Usmerjenost v svetovanje, priporočila, primeri tretjih strank ali sintakso CSS, zaokroževanje vogalov itd. Je redko boljša od vaše nove prakse.

Pomembno je razumeti, da so robovi, slike, z vidika gledišča kota isti koncepti. Slika se lahko predstavi ne v formatu png. Brskalnik bo okrnjen v skladu s pravili, določenimi v CSS. Zaokroževanje vogalov je skrb za razvijalce, ne glede na pravokotnost izvornega materiala.

Značilnosti HTML, CSS iz brskalnikov

Dobrodošli v slogu snemanja v razsutem stanju - takoj za vse brskalnike. V vsakem primeru klasični primeri na temo »CSS: zaokroževanje vogalov« predlagajo, da pišete tako:

ozadje: # FF7F00- / * ozadje * /

meja: 1px #CCCCCC solid- / * okvir * /

-moz-rob-radius: 10px; / * CSS zaokrožujejo vogale za Mozilla Firefox * /

-webkit-meja-polmer: 10px; / * ... za Chrome in Safari * /

-khtml-meja-polmer: 10px; / * ... Konquerer * /

meja-polmer: 10px; / * CSS zaokroži vogale za vse * / itd.

Vendar pa je v večini primerov zadoščeno, da navedete zadnje pravilo. Presežek je treba uporabiti le, če je to resnično potrebno.

Klasične in čudovite mize

Kljub številnim sporom zagovornikov tabelarne postavitve (tr, td) in uporabe oznak div in span, objektivna praksa daje prednost razumni potrebi.

Divas ima nekaj vrlin, drugi pa imajo mize. Če se ne bi dopolnjevali, temveč se preprosto tekmovali, bi vprašanje hitro izginilo v eno različico, ki bi združevalo najboljše strani tabel in divov.

Večina spletnih mest je ustvarjenih z uporabo CMS (sistemi za upravljanje spletnega mesta) in na voljo razvijalcu ne prihaja le širok nabor "velikanskih" podatkovnih nizov, na stotine map, predmetov, temveč tudi tabel.

Oznake [div | span], kot take, niso dodeljene, vendar edina stvar, ki natančno prihaja do popolnega odkupa razvijalca, je slog CSS. 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, ki jih sintaksa ne zagotavlja

Lahko strogo upoštevate vsa pravila HTML, CSS, vendar imate rezultat, niso zagotovljeni. Z nadomeščanjem elementov na vrhu, lahko dobite poljubna področja katere koli konfiguracije. Z uporabo programa PHP na strežniku lahko katerikoli slog datoteke pošljete v brskalnik obiskovalca in jim priložite ustrezno kodo jаvascript v telesu datoteke HTML ali ločeni js-datoteki.

Vsaka različica orisa, katere koli oblike vašega lastnega elementa zunaj pravilnika CSS! Zaokroževanje vogalov je le delno in resnične možnosti so veliko širše. Hkrati programirate svoje lastne predmete, ne morete posvečati pozornosti posebnostim posameznih brskalnikov, uporabite samo tiste oznake in zgradbe hypertext jezikov, ki jih brez izjeme zaznajo vsi brskalniki.

Z uporabo ideje o objektno usmerjenem programiranju lahko oblikujete videz kota ali krivulje, ki ga očitno ne ponuja noben obrazec brskalnika. V tem primeru sploh ni potrebno, da bo ravno kot območje regije, na začetku pravokotne oblike. Pomembno je, da se komponente krivulje, opisane v obliki pravil CSS, združijo v eno vizualno kodo objekta jаvascript in v pravem trenutku, na pravem mestu v brskalniku, razmišljajo o pravilni obliki.

S to tehnologijo nič ne preprečuje, da bi se taki predmeti uresničili v tridimenzionalni ravnini ali prikazali animacijo.