CSS efektid: ümarate nurkadega elementide

Süntaks kaskaadlaadistiku on konstrueeritud nii lihtsalt, et võimalus saada kõige ootamatu disain on saadaval isegi kaugel programmeerimine ja arendamine inimese saitidele. Võibolla, et lapsed mängivad koos plokid jäävad kõik mällu, kasutage mitmetahuline kogemusi HTML, CSS on lihtne.

Kuid praegusel programmiperioodil on veel väga kaugel esitades konstruktsioonid reaalsus. Seni tahes valdkonnas (hõivatud mida soovite blokeerida element) mis tahes selle tähendus ja ametliku nimetamise ristkülikukujuline mis vormitakse soovitud kõver kontuurjoon.

Seni ringile, ümardusraadiuse, kuidas kaardus sirge ja nii edasi. P. Kirjeldab keerukaid matemaatilisi võrrandeid või väga väikesteks kuubikuteks, trapetsid, kolmnurga vm sirgjooneline elemente, mis on eristatavad silma kui punkt sirgel.

Classic Sirge disain

See ei ole üllatav, et edusamme valdkonnas programmeerimine ja infotehnoloogia legaliseeritud ristkülikukujulise disain. Uuenduslikud ideed ei raiska aega ümardatud kuju, kuid ärge unustage esitada käsutuses arendaja piisavalt funktsioone ja HTML-eeskirjad, CSS ja sellega seotud programmeerimiskeeli.

Iga element lehel kasutatud on ristkülikukujuline ala, mis on eraldatud mitmeks osaks, millest igal juhul tuleks kasutada ainult vajalikud arvestades krossbrauzernosti nõuetele märgistusfunktsioone konkreetne sisu puudub süntaktiline konstruktsioonid.

Üldeeskirjad CSS

Kaskaadlaadistiku pakkuda kirjeldada elemente järgmiselt:

• vara: raha.

Sel juhul vara - konkreetse nime ja väärtus võib olla kas nimi või nimede loetelu või väärtused.

Seoses plokkelementidest ja vajadust teha CSS-i kaudu ümarate nurkadega, on mõttekas kasutada piiri raadiusega vara ja selle väärtus vormingus "38px" või "8 pikslit 16px 24px 38px".

Kui väärtus antud ühe numbri, siis seatakse need kõik nurgad. Salvestage kõik neli väärtused on:

• Esimene number - ülemise vasaku nurga;
• teine - ülemisse paremasse;
• kolmas - paremasse alumisse;
• viimased - alumise vasaku.

Jagamine mõned reeglid

Concepts piiri, pildi ja tausta saab kasutada koos. See on normaalne, ja nimetatud eeskirju ei häiri üksteist, moodustavad üldise koostise. Peaasi - et võtta arvesse asjaolu, et nime igaüks neist esindab, ja kuidas seda rakendada.

Enne rakendamisel või selle elemendi, on oluline läbi mõned katsed ja test töö mitut brauserit. Orienteerumine, soovitusi, näiteid kolmanda osapoole või CSS süntaksi, ümarate nurkadega, ja nii edasi. N. harva parem kui oma värske praktikas.

On oluline mõista, et piiri, pilt, nii disaini nurgad - sama tüüpi mõiste. Drawing saab esitada mitte png-formaadis. Ta on ära lõigatud, mille brauser, vastavalt kehtestatud reeglitest CSS. Ümardatud nurkadega - hooliv arendaja, sõltumata täisnurksust lähtematerjal.

Omadused HTML, CSS brauseritega

Tere Style salvestamise hulgimüük - kõikides brauserites korraga. Igatahes klassikaline näited teemal "CSS: ümarate nurkadega" pakkumise kirjutada nii:

taust: # FF7F00; / * Taust * /

border: 1px # cccccc tahkisena; / * Border * /

-moz-border-raadius: 10px; / * CSS ümarate nurkadega Mozilla Firefox * /

-webkit-border-raadius: 10px; / * ... et Safari ja Chrome * /

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

border-raadius: 10px; / * CSS ümarate nurkadega kõigi * / ja nii edasi. N.

Kuid enamikul juhtudel piisab täpsustada viimase reegli. Koondamine tuleks kasutada ainult siis, kui on olemas reaalne vajadus.

Klassikaline ja imeline tabelis

Vaatamata arvukatele vastuolud toetajad tabeli paigutust (tr, td) ja võimalus kasutada div sildid ja span ( «imekaunis" paigutus), eesmärk praktikas eelistatakse võimalust mõistlikult vajalik.

In divs mõned väärikust teistes tabelites. Kui nad ei täienda teineteist, ja lihtsalt konkureerida küsimus oleks kiiresti aurustati üks versioon, mis ühendab endas parimaid aspekte lauad ja divs.

Enamik saite loodud kasutades CMS (sisuhaldussüsteem) ja realiseerimise arendaja on mitte ainult laia "hiiglane" andmekogusid sadu kaustu, esemeid, vaid ka tabeleid.

Tag [div | span], sellisena ei paistma, kuid ainus asi, mis on täpselt täielik halastust arendaja - CSS-stiil. Ja ükskõik CMS selgelt eraldab koodi, osa arendaja loovust ja oma stiili lisada stiili ja muutumise korral (nt css - ümardamise nurkades tabel), saate alati taastada seaded ja vaikelaade.

Kõverad ja nurgad ei ole hõlmatud süntaks

Saate rangelt kinni kõiki reegleid HTML, CSS, kuid on tulemus, nad ei ole esitatud. Ülestamine elemendid üksteisega, on võimalik saada mis tahes piirkonna mis tahes konfiguratsiooniga. Kasutades PHP-arengu serveris, saate saata külastaja brauser ja mis tahes stiilis faile lisada neile sobiva JavaScripti koodi kehas HTML-faili või eraldi js-faili.

Iga ringi variant, mis tahes vara element on CSS reeglid! Ümardatud nurkadega - vaid eelkõige ja tegelikke võimalusi on palju laiem. Sel juhul, programmeerimine oma objektide, ei saa te pöörama tähelepanu üksikute tunnuste brauseritega kasutada ainult silte ja struktuur hüperteksti tekst, mis on tajutav kõik, ilma eranditeta brauseritega.

Kasutades idee objektorienteeritud programmeerimine, saate kujundada välimuse nurgas või kõver ilmselt ei ole ette nähtud ühtegi brauseri vorme. Sel juhul ei ole vaja, et see saab olema nurgas piirkond, mis oli algselt ristkülikukujulise kujuga. On oluline, et komponentide kõver kirjeldatud kujul CSS reeglid, kombineeritud ühte visuaalse JavaScript objekti kood ja õigel ajal õiges kohas brauseri peegeldab ennast õiges vormis.

See tehnoloogia ei häiri selliseid objekte realiseerida end kolmemõõtmeline lennuk või näita animatsiooni.