Kaskadowe arkusze stylów służą do formatowania zawartości strony HTML. W związku z tym wszystkie polecenia używane w CSS mają na celu edycję wyglądu dowolnych elementów dokumentu HTML.
Czy to jest to konieczne
Komputer z połączeniem internetowym
Instrukcje
Krok 1
Przeczytaj o tym, jak używane są kaskadowe arkusze stylów. Formatowanie tekstu jest najczęściej używaną funkcją kaskadowych arkuszy stylów. Każdy dokument HTML zawiera ogromną ilość informacji tekstowych w różnych częściach. Jednocześnie każda część strony powinna mieć własny format i czcionkę: część tekstu to tekst menu, druga to tytuł, trzecia to główny tekst strony itp. Do formatowania informacji tekstowych służą polecenia do zmiany nazwy czcionki, jej rozmiaru, wagi itp.
Krok 2
Przede wszystkim zwróć uwagę na parametr stylu font-family. Ten atrybut umożliwia ustawienie określonej czcionki dla tego znacznika. Nazwa czcionki jest zapisywana po znaku „:”. Atrybut stylu font-size służy do ustawiania rozmiaru tekstu zawartego w znaczniku. Wartość rozmiaru jest również zapisywana po znaku „:” i jest wskazywana w pikselach, na przykład „rozmiar czcionki: 20px”.
Krok 3
Zwróć uwagę, że parametry stylu można łączyć i pisać razem za pomocą znaku „;”. Jest to przydatne, jeśli musisz ustawić kilka parametrów dla jednego tagu.
Krok 4
Użyj koloru atrybutu stylu, aby zmienić kolor tekstu. Nazwa koloru jest napisana w standardowy sposób: zielony, niebieski, czerwony itp. Posiada również możliwość ustawienia koloru nie tylko samego tekstu, ale również koloru tła. W tym celu wykorzystywany jest atrybut background-color, po którym należy również wskazać wybrany kolor. Jeśli chcesz użyć obrazu, a nie wypełnienia, jako tła w obszarze tego znacznika, odwołaj się do parametru stylu tła-obrazu, określając po nim źródło obrazu.
Krok 5
Zapoznaj się z szeregiem atrybutów stylu określających parametry elementów strony, do których należą przede wszystkim padding, border, float, position.
Krok 6
Użyj parametru padding, aby ustawić wielkość marginesu, który jest powiązany z danym tagiem. W tym przypadku wartość ta jest liczona z każdej strony. Określ atrybut granicy, aby utworzyć granicę tego pola. Po dwukropku szerokość obramowania jest zapisywana w pikselach. Właściwość float pozwoli elementowi na Twojej stronie unosić się w prawo lub w lewo. W związku z tym parametry kwalifikacyjne tej właściwości są lewe lub prawe.
Krok 7
Jeśli chcesz precyzyjnie ustawić obiekt w dokumencie, użyj właściwości position. Lokalizuje element strony w sposób bezwzględny, na przykład „pozycja: bezwzględna; dół: 50px; prawo: 10px;”, lub w sposób względny, na podstawie odległości od krawędzi strony.
