Uczyń pierwszą wielką postać w CSS

Uczyń pierwszą wielką postać w CSS
Dekorowanie tekstu jest najczęstszą i najważniejszą funkcją podczas projektowania aplikacji internetowej. Mówiąc dokładniej, CSS „Tekst-transform„Właściwość dostosowuje przypadki tekstu w HTML. Jednak w CSS klasa pseudokliczna jest używana z selektorem do określenia unikalnego stanu elementu. Na przykład, aby wybrać pierwszą literę tekstu elementu na poziomie bloku, „:: Pierwszy liter„Wykorzystywana jest pseudoklasa.

Ten post poprowadzi Cię:

  • Jak dostosowywać przypadki tekstu w CSS?
  • Jak sprawić, by pierwsza postać jest wielka „

    ”Element w CSS?

  • Jak sprawić, by pierwsza postać jest wielka „”Element w CSS?

Jak dostosowywać przypadki tekstu w CSS?

Obudowy tekstu są dostosowywane w CSS, wykorzystując „Tekst-transform" nieruchomość. Ta właściwość zapewnia pięć różnych wartości:

  • "skapitalizować„Wartość jest wykorzystywana do kapitalizacji pierwszej litery każdego słowa.
  • "górny„Wartość sprawia, że ​​każda litera jest w wielkim.
  • "niżej„Zmienia wszystkie litery małymi literami.
  • "dziedziczyć”Zastosuje przypadek tekstu rodzica do elementu.
  • "nic„Wartość nie zmienia obudowy tekstu.

Jak sprawić, by pierwsza postać jest wielka „

”Element w CSS?

CSS „Tekst-transform„Własność o wartości”skapitalizować”Jest wykorzystywany do kapitalizacji pierwszej litery każdego słowa. Możemy jednak użyć „:: Pierwszy liter„Pseudoklasa do kapitalizacji tylko pierwszego listu.

Zrozummy poprzez przykłady.

Przykład 1: Kapitalizuj pierwszą literę każdego słowa

W HTML dodaj „

Samouczki Linuxhint


Pisanie artykułów


edycja wideo


Projektowanie graficzne

Styl ”

" Element

P
Tekst-transform: kapitalizacja;

„„Tekst-transform„Wartość jest przypisana wartość”skapitalizować„Aby wykorzystać pierwszą literę każdego słowa akapitu.

Wyjście

Przykład 2: Kapitalizuj jedyną pierwszą literę pierwszego słowa

Pseudo-srektor ”:: Pierwszy liter”Jest wykorzystywany do wyboru tylko pierwszej litery. W tym celu uzyskaj dostęp do „P„Element z pseudoklasą i wykorzystuje„Tekst-transform" nieruchomość:

P :: Pierwszy liter
Tekst-transform: kapitalizacja;

Wyjście

Jak zrobić pierwszą wielką postać elementu w CSS?

Zobaczmy, jak wykorzystać pierwszą postać elementów wbudowanych, takich jak „" element. W tym celu dodaj „”Elementy i przypisuj im„klasa" I "Href„Atrybuty:

= "Linux" href = "#"> samouczki Linuxhint
= "Linux" href = "#"> pisanie artykułów
= "Linux" href = "#"> Projektowanie graficzne

Stylowe elementy „A”

Uzyskaj dostęp do elementu „A” za pomocą nazwy klasy „Linux”I zastosuj„Tekst-transform„Nieruchomość na nich:

.Linux
Tekst-transform: kapitalizacja;

Wyjście

Ponieważ element „” jest wbudowany, są one dostosowywane obok siebie w jednej linii. Aby uczynić ich pierwszą wielką ocenę i wyświetlacz jako poziom bloku, zastosuj CSS ”wyświetlacz„Własność o wartości”blok”:

.Linux
Blok wyświetlacza;

Teraz użyj „:: Pierwszy liter„Pseudo-srelektor wraz z atrybutem klasy„ A ”do kapitalizacji pierwszej litery:

.Linux :: Pierwszy liter
Tekst-transform: kapitalizacja;

Dane wyjściowe wskazuje, że z powodzeniem uczyniliśmy pierwszą wielką ocenę elementu w CSS.

Wniosek

Aby pierwsza wielka postać, najpierw dodaj elementy do dokumentu HTML, aby określić niektóre treści tekstowe, takie jak „

”I„ ”elementy. Pseudo-srektor ”:: Pierwszy liter”Jest wykorzystywany do wyboru pierwszej litery tekstu elementu. Następnie, w ramach pseudoklasy, zastosuj CSS „Tekst-transform„Własność o wartości”skapitalizować„Aby zrobić pierwszą wielką literę. W tym artykule wyjaśniono, jak uczynić pierwszą wielką ocenę za pomocą CSS.