Efecte CSS: colturi rotunjite ale elementelor

Sintaxa de Cascading Style Sheets este proiectat astfel încât pur și simplu posibilitatea de a obține un design cât mai neașteptat este disponibil chiar și departe de programarea și dezvoltarea de site-uri umane. Poate faptul că copiii se joacă cu blocuri să rămână în memoria tuturor, folosiți experiența mai multe fațete în HTML, CSS este ușor.

Cu toate acestea, programarea actuală este încă foarte departe de a prezenta construcții ale realității. Până în prezent, nici o zonă (ocupată ceea ce iti place elementul de bloc), în oricare din sensul său și numirea formală de formă dreptunghiulară, care se formează în interiorul liniei de contur curba dorită.

Până în prezent, nici un cerc, raza de rotunjire, modul în care o linie dreaptă curbată și așa mai departe. P. Descrie ecuații matematice complexe sau cuburi foarte mici, trapezelor, triunghiuri sau alte elemente rectilinii care sunt distinse cu ochiul drept un punct de pe linia.

Design Drept Clasic

Nu este surprinzător faptul că progresele înregistrate în domeniul tehnologiilor de programare și informare legalizat proiectare dreptunghiular. Ideile inovatoare nu a pierdut timp pe o formă rotunjită, dar nu uitați să prezinte la dispoziția dezvoltator dispune de suficiente caracteristici și reguli tag-uri HTML, CSS si limbaje de programare aferente.

Orice element utilizat pe pagină este o zonă dreptunghiulară, în care se alocă mai multe părți, dintre care, în fiecare caz, ar trebui să fie utilizate numai necesară având în vedere cerințele de krossbrauzernosti caracteristici de marcare conținut specific disponibile construcții sintactice.

Reguli generale pentru CSS

Cascading Style Sheets ofera pentru a descrie elementele după cum urmează:

• proprietate: valoare.

În acest caz, proprietatea - denumirea specifică și valoarea poate fi fie un nume sau o listă de nume sau valori.

În ceea ce privește elementele de bloc și necesitatea de a face prin CSS colturi rotunjite, este logic să utilizeze proprietatea border-radius și valoarea sa în formatul „38px“ sau „8px 16px 24px 38px“.

În cazul în care valoarea dată de un singur număr, acesta va fi setat la cele pentru toate unghiurile. Înregistrați toate cele patru valori sunt:

• primul număr - în colțul din stânga sus;
• al doilea - la dreapta sus;
• al treilea - in partea dreapta jos;
• târziu - la stânga jos.

Partajarea unele dintre regulile

Concepte de frontieră, imagine și de fundal pot fi utilizate împreună. Acest lucru este normal, și a menționat reguli nu interferează unele cu altele, formând compoziția de ansamblu. Principalul lucru - pentru a ține cont de faptul că numele fiecăruia dintre ele reprezintă, și modul în care se aplică.

Înainte de punerea în aplicare a acestui sau acel element, este important să se efectueze unele experimente și lucrări de testare pe mai multe browsere. Orientarea la sfaturi, recomandări, exemple de terțe părți sau sintaxa CSS, colturi rotunjite, și așa mai departe. N. este rareori mai bine decât propria lor practică în stare proaspătă.

Este important să înțelegem că frontiera, imagine, în ceea ce privește unghiurile de proiectare - același tip de concept. Desenul poate fi nu sunt prezentate în format PNG. El va fi tăiat de browser-ul, în conformitate cu regulile stabilite în CSS. colțuri rotunjite - dezvoltator de îngrijire, indiferent de perpendicularității a materialului sursă.

Caracteristici HTML, CSS din browsere

Bun venit Înregistrare Stil en-gros - pentru toate browserele simultan. Oricum exemple clasice pe tema „CSS: colturi rotunjite“ ofertă pentru a scrie, astfel:

fundal: # FF7F00; / * * Context /

frontieră: 1px #CCCCCC solid; / * * Frontieră /

-moz-border-radius: 10px; / * CSS colturi rotunjite pentru Mozilla Firefox * /

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

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

border-radius: 10px; / * CSS colturi rotunjite pentru toate * / și așa mai departe. N.

Cu toate acestea, în cele mai multe cazuri, este suficient pentru a specifica ultima regulă. Redundanța trebuie utilizat numai atunci când există o necesitate reală.

Clasic de masă și minunat

În ciuda numeroaselor controverse suporteri aspect de masă (tr, td) și opțiunea de a folosi etichete div și durata ( «minunatul“ aspect), obiectiv opțiune practică a favorizat în mod rezonabil necesar.

În divs au unele demnitate în celelalte tabele. În cazul în care nu se completează reciproc, și doar în competiție, întrebarea ar fi evaporat rapid într-o singură versiune, care combină cele mai bune aspecte ale tabelelor și divuri.

Cele mai multe dintre site-urile create folosind CMS (sistem de management al conținutului), precum și în dispoziția dezvoltatorului vine nu numai o gamă largă de seturi de date „gigant“ de sute de dosare, obiecte, dar și tabele.

Tag [div | interval], ca atare, nu iasă în evidență, dar singurul lucru care vine exact la mila completă a dezvoltatorului - o foi de stil CSS. Și orice CMS separă în mod clar codul, o parte din ea din creativitatea dezvoltatorului și propriile lor stiluri de stil adăugat, iar în cazul modificărilor (de exemplu, css - rotunjire colțuri ale mesei), puteți restaura oricând setările și stilurile implicite.

Curbe și unghiuri care nu sunt acoperite de sintaxa

Puteți să respecte cu strictețe toate regulile de HTML, CSS, dar pentru a avea un rezultat, acestea nu sunt furnizate. elemente pentru fiecare alte suprapunându, este posibil să se obțină orice regiune orice configurație. Utilizarea PHP-dezvoltare pe server, puteți trimite browser-ul vizitatorului și orice fișiere de stil pentru a atașa de a le codul JavaScript corespunzător în corpul HTML-fișier sau un js-fișier separat.

Orice variantă de circuit, orice formă de element de proprietate este regulile CSS! colțuri rotunjite - doar particulare și oportunități reale este mult mai largă. În acest caz, programarea obiecte proprii, puteți să nu acorde atenție la caracteristicile de browsere individuale, utilizați numai etichetele și structura limbilor hypertext, care sunt percepute de către toți, fără excepție browsere.

Folosind ideea programării orientate-obiect, aveți posibilitatea să proiectați aspectul unui colț sau a unei curbe nu este, evident, prevăzută de orice forme de browser. În acest caz, nu este necesar ca acest lucru va fi colțul zonei, care a fost inițial o formă dreptunghiulară. Este important ca componentele curbei descrise sub forma de reguli CSS, combinate într-un cod vizual singur obiect JavaScript și la momentul potrivit în locul browser-dreapta, se reflectă în forma corectă.

Această tehnologie nu interferează cu astfel de obiecte să se realizeze într-un plan sau o emisiune de animație tridimensională.