6 mindre kända saker om CSS av Deepa Ranganathan

CSS håller uppdatera sig, på ett sätt som du behöver för att hålla jämna steg med de förändrade funktioner och toner av denna formatmall. Du måste känna den nya syntaxen, och även no-koden metoder som du helst kan använda. Här kommer du att introduceras till en del av de mindre kända fakta om CSS som hjälper dig att fånga upp med detaljerna. Border radie med Slash

Om du vill definiera radien för en form som du planerar att använda på din webbplats, då kan du använda snedstreck egenskapen att definiera gränsradien. Här är hur du kommer att koda det Omdömen

.box {Omdömen border-radius: 35px 25px 30px 20px /35px 25px 15px 30px;

}. Hus Till dem som anser att detta inte är en giltigt sätt att komma in radien, tänk om! CSS har definierat snedstreck egendom som giltig

Värdena före snedstrecket är för den horisontella radie medan efter snedstrecket anger vertikala radie för formen i oro Omdömen gräns övre vänstra-radie.. Värden

detta kommer att avgöra krökning av formen Teckensnitt Vikt Använder Relativa Nyckelord

De normala egenskaper som definieras för font-weight skulle vara normalt eller fet. Du kan också använda heltalsvärden att definiera det. Men vad som inte används i allmänhet är djärvare eller ljusare. Men, det verkar nu saker har förändrats. De värden som är knutna till fetstil var 700 medan för normal var 400. Nu visar koden nedan hur relativa sökord med värden kan ändra utseendet på din textvikt Omdömen

.box {Omdömen font-weight: 100 ,

} Omdömen

.box-2 {Omdömen font-weight: djärvare; /* Kartor till 400 * /News} Omdömen

.box-3 {Omdömen font-weight: djärvare; /* Kartor till 700 * /News} Omdömen

.box-4 {Omdömen font-weight: 400;

} Omdömen

.box-5 {Omdömen typsnitt -weight: djärvare; /* Kartor till 700 * /News} Omdömen

.box-6 {Omdömen font-weight: djärvare; /* Kartor till 900 * /News} Omdömen

.box-7 {Omdömen font-weight: 700;

} Omdömen

.box-8 {Omdömen typsnitt -weight: djärvare; /* Kartor till 900 * /News} Omdömen

.box-9 {Omdömen font-weight: djärvare; /* Kartor till 900 * /News} Omdömen

.box-10 {Omdömen font-weight: tändare; /* Kartor till 700 * /News} Omdömen

.box-11 {Omdömen font-weight: tändare; /* Kartor till 400 * /News} Omdömen

.box-12 {Omdömen font-weight: tändare; /* Kartor till 100 * /News} sälja The avbildningsvärden har förändrats för varje enskilt fall, som visas i koden ovan. Detta är en relativ metod. Disposition-Offset Property

Med den här egenskapen kan du definiera gränsen för förlaga som skall förskjuten från elementet i oro. Detta är ett sällan använt egendom, som du kan använda om du vill förbättra din felsökning alternativ. Normalt innebär kontur ingår inte kontur-offset, och du kommer att behöva definiera det separat. Tja, det finns en begränsning till den här egenskapen. Det stöds inte av din IE, och det kan vara ett bakslag. The Table-Layout Property

Detta är ännu en annan egenskap som sällan används, och är mindre kända. Det är egentligen inte självförklarande, som du känner. Du kan se till att den horisontella layout är inte riktigt innehållsberoende men bredden beroende om du använder den här egenskapen på rätt sätt. Du kan även fixa bordet, eller använda växlingsknappen för att växla mellan egenskaper. Detta är en lysande egendom, som kan användas om layouten består av några tabeller The: första bokstäver Element

Om du vill styla den första bokstaven i varje element, då detta är den egendom som du ska använda. Detta ger din första bokstaven anfangen effekt, vilket återigen är oerhört viktigt. Det är en standard som har etablerats under en tidsperiod, vilket speglar hur den första bokstaven bör specificeras. Detta element egenskap hjälper till att definiera den första bokstaven på ett standardiserat sätt. Animation Iterationer som bråktal

Du kan använda animation-iteration-count egendom för att fastställa hur många gånger animeringen blir spelade

.example {Omdömen animation-iteration-count: 3,

}.

Räkningen kan gå från ett heltalsvärde till halvtid, som anges av dig. Detta är en intressant funktion som du ska använda om du skapar animeringar i CSS. Omdömen

Det är alltid bra att peka på de mindre kända kodnings förfaranden som CSS hanterar. Du får en bättre uppfattning om hur du utför med CSS-tekniker. Hyra Dedicerad utvecklare

att ge ut de bästa mallar och design för dina applikationer.