Stor bokstav i html och css

Versal, i enlighet med definitionen - det är en del av text, som ökade i storlek i förhållande till gemener. Så gott som alla aktiverade språk som börjar en mening. En design i början av stycket är i versaler gör det möjligt att strukturera texten och underlättar dess uppfattning. När den körs internet sida kan texten skrivas i enlighet med inställningarna av författaren och reglerna för det ryska språket. Dessutom kan dess utformning vara "automatisk" genom att göra vissa "kommandon" till filen förlängningen av CSS - formatmallen - eller lägga till din html-fil avsnitt stil. CSS studerade vanligtvis ytterligare med html, att snabbt ändra vissa delar av konstruktionen på en gång i hela texten. Detta gäller särskilt om webbplatsen har hundratals sidor och göra ändringar på var och en av dem är mycket tidskrävande process.

Om du använder css kan versaler i början av varje stycke visas på ett speciellt sätt. Till exempel introducerades i html utan parentes efter kod möjliggör text drar taggen "p" för att göra en stor bokstav - första bokstaven - större - 220% av standardstorlek, gul - värdet av färg är lika med gul och skriva sina brev, skiljer sig från resten av texten - Georgien mot batangche.

(<) Stil (>)

p {font-family: batangche; font-size: 93%;}

p: första bokstäver {font-family: Georgia; font-size: 220%; färg: gul;}

(<) / Stil (>)

Vackra caps finns om du skapar ditt eget teckensnitt i form av bilder - för varje bokstav i en separat bild, till exempel i Gamla eller gotisk stil. De kan dra in en grafisk editor. Då, i de önskade platser att placera en stor bokstav kan du infoga kod utan parenteser (<) img src = http: // site / artikel / 74.218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0 % BB% D0% BA% D0% B0 till den plats där bilden "(>) ligger. Ytterligare attribut IMG-taggen kommer Heigh och bredd - bredden och höjden av bilden, som kan ställas in i pixlar för en harmonisk kombination med resten av texten. Exempel: (<) img src = http: // site / artikeln / 74.218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0% BB% D0% BA% D0% B0 på plats där är bilden "Heigh = 12 px width = 6px (>). Parenteserna runt ta bort.

Om du inte kan dra alfabetet kan versal utfärdas med hjälp av typsnitt har lagts ut i fri tillgång till "Gugle" (typsnitt avsnitt) eller andra sökmotorer och webbplatser. För att göra detta, utfärda ovanstående kod enligt följande:

(<) Stil (>)

p {font-family: batangche; font-size: 93%;}

p: först bokstäver {font-family: Kelly + Slab; font-size: 220%; färg: blå;}

(<) / Stil (>)

En tagg "huvud" för att lägga till en länk utan parentes för "Connection", där efter familjen indikerar den valda fonten familjen som skall substitueras, dessutom även i p: första bokstäver.

(<) Länk href = 'http: //fonts.googleapis.com/css familj = Kelly + Slab & delmängd = latin, kyrilliska' rel = 'stylesheet' type = 'text / css' (>).

Service "Google" kan du välja en eller annan typ av teckensnitt och ger en klar referens för insatsen i html eller css. Observera att du måste vara noga med att välja en grupp av teckensnitt - Latin eller kyrilliska alfabetet, som nästan alla latin teckensnitt fungerar inte när du gör en rysk text. Just nu ger sökmotorn 40 typer av ryska typsnitt gratis.

Stor bokstav eller en kapital antipod kan dekoreras med hjälp av egendom CSS text förändra. Om formatmallen inställd texten förvandla: ingen, kommer texten att visas som du skriver det. För att konvertera alla bokstäver i en rad register måste ställas in av ett kolon text omvandla: gemener och för versaler - versaler. Ställa in fastighetsvärde text förvandla: kapitalisera göra så, att i början av varje ord aktiveras.