CSS vaikutukset: pyöristetyt kulmat elementtien

Syntaksin CSS on suunniteltu siten yksinkertaisesti, että mahdollisuus saada kaikkein odottamattomia suunnittelu on saatavissa jopa kaukana ohjelmointi ja inhimillisen sivustoja. Ehkä se, että lapset leikkivät palikoilla pysyvät kaikkien muistissa, käytä monipuolinen kokemus HTML, CSS on helppoa.

Kuitenkin nykyinen ohjelmointi on vielä hyvin kaukana esittää rakenteita todellisuutta. Tähän asti millään alalla (miehitetty mitä haluat lohkoelementtiin) missä tahansa sen merkityksestä ja virallisesti nimittää suorakaiteen muotoinen, joka on muodostettu haluttu käyrän ääriviiva.

Tähän asti mitään ympyrä, pyöristyssäde, miten kaareva suora ja niin edelleen. P. Kuvaa monimutkaisia matemaattisia yhtälöitä tai hyvin pieniksi kuutioiksi, trapezoids, kolmio tai muu suoraviivaisia elementtejä, jotka ovat erotettavissa silmään pisteen linjalla.

Classic Suora malli

Ei ole yllättävää, että edistyminen alalla ohjelmointi ja tietotekniikan laillisti suorakaiteen muotoisena. Innovatiivisia ideoita ei hukannut aikaa pyöristetty muoto, mutta älä unohda esittää käytössä olevat kehittäjä tarpeeksi ominaisuuksia ja HTML-tunnisteita sääntöjä, CSS ja niihin liittyvät ohjelmointikieliä.

Käytettävä elementti sivulla on suorakulmainen alue, jossa se on kohdistettu useita osia, joista kussakin tapauksessa tulisi käyttää vain tarvittaessa ottaen huomioon krossbrauzernosti vaatimukset markup ominaisuuksia tiettyä sisältöä saatavilla syntaktiset rakenteet.

Yleiset säännöt CSS

CSS tarjoavat elementtien kuvaamiseen seuraavasti:

• ominaisuus: arvo.

Tällöin omaisuus - erityinen nimi ja arvo voi olla joko nimi tai listan nimiä tai arvoja.

Koskien lohkoelementtien ja tarve tehdä CSS pyöristetyt kulmat, on järkevää käyttää raja-säde omaisuus ja sen arvo muodossa "38px" tai "8px 16px 24px 38px".

Jos arvo antama yhden numeron, se asettaa niille kaikille kulmat. Kirjoita kaikki neljä arvoa ovat:

• Ensimmäinen numero - ja vasemmassa yläkulmassa;
• toinen - ylhäällä oikealla;
• kolmas - oikeaan alakulmaan;
• uusin - vasemmalla alhaalla.

Jakaminen joitakin sääntöjä

Käsitteet rajalla, kuvan ja tausta voidaan käyttää yhdessä. Tämä on normaali, ja mainitut säännöt eivät häiritse toisiaan, muodostaen koko koostumuksesta. Tärkeintä - huomioimaan, että nimi kumpikin niistä edustaa ja miten sitä sovelletaan.

Ennen kuin toteuttaa tämä tai tuo elementti, on tärkeää tehdä joitakin kokeiluja ja testauksia useita selaimia. Suunta neuvoja, suosituksia, esimerkkeinä kolmannen osapuolen tai CSS syntaksin, pyöristetyt kulmat, ja niin edelleen. N. on harvoin parempi kuin oma raikas käytäntöön.

On tärkeää ymmärtää, että raja, kuva, muotoilultaan kulmat - samantyyppinen käsite. Piirustus voidaan esittää ei PNG-formaatissa. Hän leikkautuu selaimen, sääntöjen mukaisesti perustettu CSS. Pyöristetyt kulmat - huolehtiva kehittäjä, riippumatta kohtisuoruus lähdemateriaalista.

Piirteet HTML, CSS selaimet

Tervetuloa Style tallennus tukku - kaikissa selaimissa kerralla. Joka tapauksessa klassisia esimerkkejä aiheesta "CSS: pyöristetyt kulmat" tarjous kirjoittaa niin:

tausta: # FF7F00; / * Taustaa * /

border: 1px #CCCCCC solid; / * Border * /

-moz ylittävä-säde: 10px; / * CSS pyöristetyt kulmat Mozilla Firefox * /

-webkit-border-säde: 10px; / * ... ja Safari ja Chrome * /

-khtml ylittävä-säde: 10px; / * ... Konquerorista * /

border-säde: 10px; / * CSS pyöristetyt kulmat kaikille * / ja niin edelleen. N.

Useimmissa tapauksissa riittää, ilmoita viimeksi sääntö. Redundanssi tulee käyttää vain silloin, kun on olemassa todellinen tarve.

Classic ja ihania pöytä

Huolimatta lukuisista ristiriitoja kannattajat taulukonlaskentamenetelmällä (tr, td) ja mahdollisuus käyttää div tunnisteet ja span ( «ihmeellisiä" layout), objektiivinen suosimaa vaihtoehtoa perustellusti välttämätöntä.

Vuonna divs on arvokkaasti muissa taulukoissa. Jos ne eivät täydentävät toisiaan, ja vain kilpailla, kysymys olisi nopeasti haihdutetaan yhdessä versiossa, joka yhdistää parhaat puolet taulukoita ja divs.

Useimmat sivustojen luotu käyttämällä CMS (content management system) ja hävittäminen kehittäjä tulee paitsi monenlaisia "jättiläinen" aineistoja satoja kansioita, esineitä, mutta myös taulukoita.

Tag [div | span] sinänsä ei erotu, mutta ainoa asia, joka tulee täsmälleen täydellinen armoilla kehittäjä - CSS tyylitiedoston. Ja kaikki CMS selvästi erottaa koodin, osa sen kehittäjän luovuutta ja oman tyylejä lisätä tyyliä, ja kun kyseessä ovat muutokset (esim css - pyöristäminen kulmissa taulukko), voit aina palauttaa asetukset ja oletustyylejä.

Käyrät ja kulmat eivät kuulu syntaksin

Voit tiukasti kaikkia sääntöjä HTML, CSS, mutta on seurauksena, niitä ei ole tarjolla. Päällekkäin elementtejä toisiinsa, on mahdollista saada minkä tahansa alueen mitään asetuksia. PHP-kehitykseen palvelimelle, voit lähettää kävijän selaimen ja minkä tahansa tyylin liitetiedostot heille sopiva JavaScript-koodin kehossa HTML-tiedoston tai erillisen js-tiedosto.

Mitään piiri variantti, mitä tahansa omaisuutta elementin CSS sääntöjä! Pyöristetyt kulmat - vain Erityisesti ja todellisia mahdollisuuksia on paljon laajempi. Tällöin ohjelmoimalla omia esineitä, et voi kiinnittää huomiota ominaisuuksia selaimet, käytä vain tunnisteet ja rakenne hypertekstiä kieliä, jotka näkevät kaikki poikkeuksetta selaimet.

Käyttämällä ajatus olio-ohjelmointi, voit suunnitella ulkoasua nurkkaan tai käyrä ei tietenkään ennakoida millään selaimella muotoja. Tässä tapauksessa ei ole välttämätöntä, että tämä on kulman alueelta, joka oli alun perin suorakulmainen muoto. On tärkeää, että komponentit käyrän kuvattu muodossa CSS sääntöjä, yhdistetään yhdeksi visuaalinen JavaScript olio-koodin ja oikeaan aikaan oikeassa paikassa selain, kuvastaa itse oikeassa muodossa.

Tämä tekniikka ei häiritse tällaisia esineitä toteuttaa itseään kolmiulotteisessa tasossa tai näyttää animaation.