Możesz określić kolory, rozmiary i inne parametry czcionek w zewnętrznym arkuszu stylów CSS. Jeśli jednak chcesz zmienić kolor tylko jednego słowa lub frazy, najłatwiejszym i najprostszym sposobem jest użycie tagu inline. Wbudowany CSS jest dokładnie taki, jak brzmi: jest dodawany w kodzie HTML strony, a nie w zewnętrznym arkuszu stylów.
Unikaj używania tagu, który został wycofany.
Oto jak zmienić kolor słowa za pomocą tagu:
Używając preferowanego edytora tekstu lub HTML w trybie widoku kodu, umieść kursor przed pierwszą literą słowa lub grupy słów, które chcesz pokolorować.
Owińmy tekst, którego kolor chcemy zmienić, tagiem, w tym atrybutem class. Cały akapit może wyglądać tak: To jest tekst, na którym koncentruje się zdanie.
-
Daj temu konkretnemu tekstowi „haczyk”, którego możemy użyć w CSS. Następnym krokiem jest przejście do naszego zewnętrznego pliku CSS, aby dodać nową regułę.
W naszym pliku CSS dodajmy:
.focus-tekst {
kolor: #F00;
}
Ta reguła ustawi ten element w wierszu, the, tak, aby był wyświetlany w kolorze czerwonym. Gdybyśmy mieli poprzedni styl, który ustawiał tekst naszego dokumentu na czarny, ten wbudowany styl spowodowałby skupienie się na tekście zakresu i wyróżnienie go innym kolorem. Moglibyśmy również dodać do tej zasady inne style, być może pogrubienie tekstu lub kursywą, aby jeszcze bardziej to podkreślić?
-
Zapisz swoją stronę.
Przetestuj stronę w swojej ulubionej przeglądarce internetowej, aby zobaczyć wprowadzone zmiany.
Zwróć uwagę, że oprócz tego, niektórzy profesjonaliści sieciowi decydują się na użycie innych elementów, takich jak pary znaczników lub. Te tagi były używane w szczególności do pogrubienia i kursywy, ale zostały przestarzałe i zastąpione przez i. Jednak tagi nadal działają w nowoczesnych przeglądarkach, więc wielu twórców stron internetowych używa ich jako wbudowanych haków stylizacyjnych. Nie jest to najgorsze podejście, ale jeśli chcesz uniknąć przestarzałych elementów, sugerujemy trzymanie się tagu na tego typu potrzeby stylizacyjne.
Wskazówki i rzeczy, na które należy uważać
Chociaż to podejście sprawdza się dobrze w przypadku niewielkich potrzeb związanych ze stylami, takich jak zmiana tylko jednego małego fragmentu tekstu w dokumencie, może szybko wymknąć się spod kontroli. Jeśli zauważysz, że Twoja strona jest zaśmiecona elementami wbudowanymi, z których wszystkie mają unikalne klasy, których używasz w swoim pliku CSS, możesz robić to źle, Pamiętaj, że im więcej tych tagów znajduje się na Twojej stronie, tym trudniej będzie utrzymać tę stronę Naprzód. Dodatkowo dobra typografia internetowa rzadko ma tak wiele wariantów kolorystycznych itp. na całej stronie.