CSS efektai: užapvalintais kampais elementų

Sintaksė CSS yra suprojektuota taip, tiesiog, kad gauti labiausiai netikėtą dizainą galimybė yra prieinama netgi toli nuo programavimo ir žmogaus svetainių kūrimo. Galbūt tai, kad vaikai žaisti su blokai lieka kiekvieno atmintyje, naudokite įvairiapusės patirties HTML, CSS yra lengva.

Tačiau dabartinis programavimo vis dar yra labai toli nuo pateikimo konstrukcijas realybe. Iki šiol, bet ploto (okupuota, kas jums patinka blokas elementas) bet jos prasmę ir formalaus paskyrimo stačiakampio formos, kuri yra suformuota per norimą kreivė kontūro linija.

Iki šiol, bet ratas, apvalinimo spindulys, kaip lenktas tiesiai ir pan. P Apibūdina sudėtingas matematines lygtis ar labai mažais kubeliais, trapezoids, trikampių arba kitų tiesinius elementus, kurie yra atskirti į akis, kaip taško linijos.

Klasikinis Grynas dizainas

Tai nenuostabu, kad pažanga programavimo ir informacinių technologijų srityje įteisino stačiakampio dizainą. Novatoriškos idėjos nebuvo gaišti laiko apvalią formą, bet nereikia pamiršti, kad pateikti ne kūrėjas pakankamai funkcijų ir HTML žymes taisyklių, CSS ir susijusių programavimo kalbų šalinimo.

Bet koks elementas, naudojamas puslapyje yra stačiakampio plotas, kuriame ji yra skirta kelios dalys, kurios kiekvienu atveju turėtų būti naudojami reikia tik atsižvelgiant krossbrauzernosti reikalavimai žymėjimo YPATUMAI turinys yra prieinamas sintaksines konstrukcijas.

Bendrosios taisyklės CSS

Pakopinių stilių pasiūlyti apibūdinti elementai taip:

• savybė: reikšmė.

Šiuo atveju nuosavybė - specifinis pavadinimas ir vertė gali būti arba pavadinimas arba pavadinimai ar vertybių sąrašą.

Kalbant apie blokuoti elementus ir reikia padaryti CSS užapvalintais kampais, prasminga naudoti border-radius turtą ir jo vertę formatu "38px" arba "8tšk 16px 24px 38px".

Jei vertės tikrą vienu numeriu, ji bus nustatytas tiems visiems kampais. Įrašų visi keturi vertybės yra:

• Pirmasis numeris - prie viršutinės kairį kampą;
• antrasis - prie viršutinės teisę;
• trečioji - apatinio dešiniojo;
• vėliau - į apatiniame kairiajame kampe.

Dalintis keletas taisyklių

Koncepcijos sienos, vaizdo ir fonas gali būti naudojami kartu. Tai yra normalu, ir paminėjo taisyklės nesikerta vieni su kitais, formuojant bendrą kompoziciją. Svarbiausia - kad būtų atsižvelgta į tai, kad kiekvienas iš jų vardas yra, ir kaip ji yra taikoma.

Prieš įgyvendinant šį ar tą elementą, svarbu atlikti keletą eksperimentų ir bandymų darbus keliose naršyklėse. Orientacija į patarimus, rekomendacijas, pavyzdžiai trečiosios šalies ar CSS sintaksę, užapvalintais kampais, ir taip toliau. N. retai geriau nei savo pačių šviežių praktikoje.

Svarbu suprasti, kad sienos, vaizdo, kalbant apie dizaino kampais - tos pačios rūšies sąvoka. Piešimo gali būti pristatyta ne PNG formatu. Jis bus išnaikintas iš naršyklės, atsižvelgiant į nustatytus CSS taisykles. Suapvalinti kampai - rūpestinga kūrėjas, nepriklausomai nuo stačiakampiškumo šaltinio medžiagą.

Įranga HTML, CSS iš naršyklių

Sveiki Stilius įrašymo didmeninė - už visus iš karto naršyklių. Bet kokiu atveju klasikiniai pavyzdžiai tema "CSS: užapvalintais kampais" pasiūlymas rašyti taip:

fonas: # FF7F00; / * Fono * /

sienos: 1px #CCCCCC kietas; / * Sienos * /

MOZ-border-radius: 10px; / * CSS užapvalintais kampais Mozilla Firefox * /

-webkit-border-radius: 10px; / * ... už Safari ir Chrome * /

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

border-radius: 10px; / * CSS užapvalintais kampais visiems * / ir pan. N.

Tačiau, daugeliu atvejų jis yra pakankamai nurodyti paskutinę taisyklę. Atleidimas iš darbo turėtų būti naudojama tik tada, kai yra realus poreikis.

Klasikinis ir nuostabus stalo

Nepaisant daugybės ginčų rėmėjai stalo maketą (TR, td) ir naudojant div žymėmis ir patikros variantą ( «nuostabu" išdėstymas), objektyviai praktikos palankumo galimybe pagrįstai būtina.

Be žymos, turi tam tikrą kitų lentelių orumą. Jei jie neturi papildo vienas kitą, o tik konkuruoti, klausimas būtų greitai išgaruoja iš vienos versijos, kuri sujungia geriausių aspektų lenteles ir žymos,.

Dauguma svetainių sukurtas naudojant TVS (turinio valdymo sistema), ir kūrėjas šalinimo ateina ne tik platų "milžinišką" rinkinių šimtų aplankų objektų, bet ir stalų.

Gairė [DIV | span], kaip, pavyzdžiui, neturi išsiskirti, bet vienintelis dalykas, kuris ateina tiksliai visą gailestingumo kūrėjas - CSS stilių. Ir nors TVS aiškiai atskiria kodą, jo dalį iš kūrėjo kūrybiškumą ir savo stilių pridėtinės stiliaus ir pokyčių atveju (pvz, CSS - apvalinimo lentelės kampuose), visada galite atkurti nustatymus ir numatytuosius stilius.

Kreivės ir kampai neapima sintaksė

Galite griežtai laikytis visų HTML, CSS taisyklių, bet turėti rezultatą, jie nepateikė. Uždedant vieną ant kito elementai tarpusavyje, tai yra įmanoma, gauti bet kokio bet kokios konfigūracijos regioną. Naudojant PHP-plėtrą serveryje, galite siųsti į lankytojo naršyklės ir bet kokio stiliaus failus pridėti prie jų tinkamą JavaScript kodą į HTML failą ar atskirą JS-failą kūno.

Bet grandinė variantas, bet nuosavybės elemento forma CSS taisyklės! Suapvalinti kampai - tik pirma ir realios galimybės yra daug platesnė. Šiuo atveju, programavimo savo objektus, jūs negalite atkreipti dėmesį į atskirų naršyklių savybių, naudokite tik žymas ir struktūrą hiperteksto kalbomis, kurie, kaip manoma visiems, be išimties naršyklių.

Naudojant Objektinis programavimas idėją, galite suprojektuoti kampe išvaizdą arba kreivė akivaizdžiai nėra numatyta jokių naršyklės formoms. Šiuo atveju, tai nėra būtina, kad tai bus ploto, kuris iš pradžių buvo stačiakampio formos kampe. Svarbu, kad kreivės aprašyta CSS taisyklių forma, sujungti į vieną vizualinį JavaScript objektinio kodo ir reikiamu laiku reikiamoje vietoje naršyklėje komponentai, atspindi save teisinga forma.

Ši technologija netrukdo tokiems objektams realizuoti save trimačio lėktuvu ar šou animacija.