Gdzie w dokumencie HTML znajduje się prawidłowe miejsce do odniesienia się do zewnętrznego arkusza stylów

Strona HTML ma dwie główne części, pierwsza to głowa, a druga to ciało. Znacznik jest tym, który zawiera tytuł strony HTML, a także wszystkie linki do plików zewnętrznych. HTML zapewnia obiekt do dodania odniesienia do zewnętrznego arkusza stylów w dowolnej części dokumentu. Musimy jednak wybrać poprawne i najlepsze miejsce do dodania zewnętrznego arkusza stylów.

Ten post ma na celu rozwiązanie właściwego miejsca, w którym można dodać arkusz zewnętrzny w dokumencie HTML.

Jakie jest prawidłowe miejsce, w którym można odnieść się do zewnętrznego arkusza stylów w HTML?

Jak wspomniano wcześniej, możesz dodać link do arkusza zewnętrznego w dowolnym miejscu w dokumencie HTML. Jednak najlepszą praktyką jest dodanie go do znacznika. Jeśli arkusz stylów jest dodany do znacznika, załadowanie zajmuje mniej czasu w przeciwieństwie do tego, czy zostanie dodany gdzie indziej w dokumencie HTML.
Zobaczmy, w jaki sposób arkusz stylów można dodać do znacznika.

Html

Sekcja 1
Sekcja 2

W tym kodzie utworzyliśmy dwie działy za pomocą znacznika. Link zewnętrznego arkusza stylów jest dodawany do sekcji głównej za pomocą znacznika. „„Href”Atrybut, który określa lokalizację zewnętrznego arkusza stylów.

Kod pliku CSS jest podany poniżej.

CSS

div

Text-Align: Center;
Rozmiar czcionki: 30px;
kolor biały;
Wyściółka: 10px;
Wyświetlacz: Flex;
Wyrównanie: Center;
Justify-Content: Center;
Wysokość: 150px;
Szerokość: 98%;

.jeden

kolor tła: Limegreen;

.dwa

kolor tła: pomarańczowy;

Ten kod CSS jest zapisywany w arkuszu stylów zewnętrznych.

Wyjście

Dane wyjściowe pokazuje, że styl jest z powodzeniem stosowany na dwóch Divach.
Otóż ​​to! Dowiedziałeś się o właściwym miejscu, aby dodać odniesienie do zewnętrznego arkusza stylów w HTML.

Wniosek

W dokumencie HTML znacznik jest właściwym miejscem do dodania odniesienia z zewnętrznego arkusza stylów. Arkusz stylów ładuje się szybciej po umieszczeniu w tagu. Ten post zawierał informacje o właściwym miejscu, aby dodać odniesienie do zewnętrznego arkusza stylów w HTML. Dodatkowo dowiedziałeś się również, w jaki sposób zewnętrzny arkusz stylów jest połączony z dokumentem HTML.