6 vähemmän tunnettuja Asioita CSS mukaan Deepa Ranganathan

CSS pitää päivittää itse, tavalla, joka sinun täytyy pysyä muuttuvat piirteet ja ääniä tämän tyylitaulukon. Sinun täytyy tietää uusia syntaksi, ja myös ei-koodia menetelmiä, joita voit ihanteellisesti käyttää. Täällä otetaan käyttöön joitakin vähemmän tunnettuja tosiasioita CSS, jotka auttavat sinua kiinni yksityiskohdista.

Raja-säde Slash

Jos haluat määrittää säde muoto että aiot käyttää sivuston, voit käyttää kauttaviivaa omaisuutta määritellä raja säde. Näin saat koodaus se.

.box {

raja-säde: 35px 25px 30px 20px /35px 25px 15px 30px;

}

Niille, jotka tuntevat tämä ei ole voimassa tapa päästä säde, mieti uudestaan! CSS on määritellyt slash omaisuuden voimassa.

Arvot ennen slash ovat horisontaalisia säde kun taas jälkeen kauttaviivan Aseta pystysuuntainen säde muoto huoli.

Raja-sivun vasemmassa-säde: arvot

tämä määrittää kaarevuus muoto

Fontin Paino Käyttää Suhteellinen Avainsanat

normaali ominaisuudet määritelty font-weight olisi normaali tai rohkea. Voit myös käyttää kokonaisluku arvoja määritellä sitä. Mutta, mitä ei yleensä käytetä on rohkeampi tai kevyempi. Mutta näyttää siltä, ​​nyt asiat ovat muuttuneet. Liittyvien arvojen rohkea oli 700 kun taas normaali se oli 400. Nyt alla oleva koodi näyttää, miten suhteelliset avainsanojen arvot voivat muuttaa ulkonäköä fontin paino

.box {

font-weight: 100;

}

.box-2 {

font-weight: rohkeampia; /* Kartat 400 * /

}

.box-3 {

font-weight: rohkeampia; /* Kartat 700 * /

}

.box-4 {

font-weight: 400;

}

.box-5 {

fontti -Paino: rohkeampia; /* Kartat 700 * /

}

.box-6 {

font-weight: rohkeampia; /* Kartat 900 * /

}

.box-7 {

font-weight: 700;

}

.box-8 {

fontti -Paino: rohkeampia; /* Kartat 900 * /

}

.box-9 {

font-weight: rohkeampia; /* Kartat 900 * /

}

.box-10 {

font-weight: kevyempi; /* Kartat 700 * /

}

.box-11 {

font-weight: kevyempi; /* Kartat 400 * /

}

.box-12 {

font-weight: kevyempi; /* Kartat 100 * /

}

kartoitus arvot ovat muuttuneet tapauskohtaisesti, kuten on esitetty yllä oleva koodi. Tämä on suhteellinen menetelmä.

Jäsennys-Offset Kohteen

tämän ominaisuuden voit määrittää raja ääriviivat on siirretty elementti huolta. Tämä on harvoin käytetty ominaisuus, jota voit käyttää, jos haluat parantaa virheenkorjaus vaihtoehtoja. Normaalisti, jäsennys ei sisällä ääriviivat-offset, ja sinun täytyy määritellä erikseen. No, se rajoittaa tätä ominaisuutta. Se ei tue IE-selaimen, ja että voisi olla takaisku.

table-layout Kiinteistövälitys

Tämä on jälleen yksi ominaisuus, joka on harvoin käytetty, ja on vähemmän tunnettu. Se ei ole oikeastaan ​​itsestään selvä, kun tunnet. Voit varmistaa, että vaakasuora kaava ei oikeastaan ​​sisältöä riippuvainen mutta leveys riippuu jos käytät tätä ominaisuutta oikein. Voit jopa korjata taulukonlaskentamenetelmällä, tai käytä vaihtopainike vaihtaaksesi ominaisuuksia. Tämä on loistava ominaisuus, jota voidaan käyttää, jos ulkoasu koostuu muutamasta taulukoita

: first-letter Element

Jos haluat muotoilla ensimmäinen kirjain mitään elementtiä, niin tämä on ominaisuus sinun pitäisi käyttää. Tämä antaa ensimmäinen kirjain anfangi vaikutus, joka on jälleen erittäin tärkeä. On olemassa standardi, joka on perustettu yli ajan, joka kuvastaa kuinka ensimmäinen kirjain olisi täsmennettävä. Tämä elementti ominaisuus auttaa määrittelemään ensimmäinen kirjain normaalilla tavalla.

Animaatio Iteraatiot kuin Murtolukuarvot

Voit käyttää animaatio-iterointia-count omaisuuden korjata monta kertaa animaatio on pelataan.

.esimerkki {

animaatio-iterointia-count: 3;

}

määrä voi mennä kokonaisluku puolet ajasta, joka on määritelty sinua. Tämä on mielenkiintoinen piirre, että sinun pitäisi käyttää, jos luot animaation CSS.

On aina hyvä kosketa vähemmän tunnettuja koodausproseduurit että CSS käsittelee. Saat paremman käsityksen siitä, miten tehdä CSS tekniikoita. vuokraus Dedicated Kehittäjät

antaa ulos paras stylesheets ja suunnittelee oman sovelluksia.