Hej alla läsare av denna blogg. Idag ska jag prata om hur du kan göra alla versaler genom css. Naturligtvis kan du aktivera Caps Lock för detta och skriva önskad text, men det här är en ganska primitiv metod. Men vad händer om du behöver markera ett separat stycke i en redan färdig artikel?
Det finns en text-transform-egenskap för detta, som, du gissade rätt, transformerar texten. Den har dessa värden:
Här är faktiskt allt du behöver veta. Det återstår bara att förstå hur man kommer åt det önskade elementet. Låt oss föreställa oss det här exemplet: du vill att det femte stycket i en artikel ska vara bokstäver. Och hur kan detta göras?
Som du vet skapas ett stycke med hjälp av en parad html-tagg, vars hela innehåll blir ett stycke. Det återstår bara att ställa in en ny stilklass för det:
Nu har vi möjlighet att via css-språket hänvisa till just detta stycke utan att påverka resten. Du kan göra så här:
versaler(
text-transform: versaler;
}
Denna metod är lämplig när du behöver markera ett fragment i en separat artikel. Tänk om alla sidor borde ha specifik text stora bokstäver. I det här fallet är det bättre att placera blocket i mallfilen för att inte skriva det varje gång.
Eller så kanske du behöver markera det andra stycket i varje artikel med css med versaler. Då finns det ett annat alternativ för dig. Leta reda på blocket som visar artikeln och hänvisa till andra stycket med pseudoklassen nth-child. I detta exempel Vårt artikelblock har artikelklassen.
Artikel p:nth-child(2)(
Textomvandling: versaler
}
Som du kan se har varje fall sin egen lösning. Det viktigaste att komma ihåg är egenskapen text-transform, som ändrar skiftläge för bokstäver.
I allmänhet rekommenderas det inte att använda utdatatext på detta sätt, eftersom det kraftigt försämrar dess uppfattning, men några särskilt viktiga fragment kan urskiljas.
Idag har vi tagit upp egenskapen text-transform. Prenumerera på bloggen för att få nya artiklar.
Låter dig ändra skiftläge för textbokstäver.
Standardvärdet är ingen , vilket inte har någon effekt på texten. Textens fall förblir densamma. Värdena versaler och gemener konverterar tecken till versaler respektive gemener. Om du anger versaler kommer bara de första tecknen i varje ord att vara versaler. Arv ärver förälderns värde.
Det här stycket har egenskapen Text-transform inställd på Små bokstäver, vilket betyder att alla bokstäver kommer att vara gemener.
Och det här sista stycket har en text-transform-egenskap som tillämpas med egenskapen CAPITALIZE. De första bokstäverna i varje ord kommer att vara versaler, och bara de.