Pytanie
Jak zrobić wersaliki w HTMLu?
Jak zrobić wersaliki w HTMLu, czyli tekst pozornie napisany wielkimi literami, wszystkie znaki jednej wielkości, w rzeczywistości pierwsza litera wielka, reszta - małe. Tak, jak tytuły filmów na Spryciarze.pl po włączeniu strony z filmem - po skopiowanu dowolnego tytułu filmu na przykład do Notatnika - litery wyglądają inaczej, aniżeli na Portalu. Jak to zrobić w HTMLu?
Odpowiedzi (1)
Mamy akapit:
Strona główna
Aby stworzyć wersaliki musimy mieć wszystkie litery DUŻE. Tworzymy klasę, np. .wersaliki:
Strona główna
Kod CSS:
.wersaliki {
margin: 0;
padding: 0;
color: #006633;
font-size: 1.2em;
text-transform: uppercase; /* <- to nam zamienia małe litery na DUŻE LITERY */
}
Wersaliki wyróżniają się tym, że pierwsza litera jest większa od reszty. Oddzielmy więc pierwszą literę w akapicie znacznikiem :
Strona główna
Na stronie nic się nie zmienia, ale teraz możemy utworzyć osobny styl dla span w klasie .wersaliki i zmodyfikować rozmiar liter w . Tworzymy styl dla :
.wersaliki span {
font-size: 1.4em; /* tekst o 0.2em większy od standardowego */
}
Efektem jest powiększenie litery 'S', dzięki czemu uzyskujemy efekt wersalików. Możemy oczywiście dowolnie manipulować rozmiarami. Sposób ten sprawdza się przy prostych realizacjach kodu. W przypadku sysemów CMS itp. będzie już trudniej, ale wszystko jest możliwe... :)
Punktacja
Ranking
1159 pkt.
986 pkt.
550 pkt.
443 pkt.
368 pkt.
298 pkt.