Kaskádové šablony stylů se používají k formátování obsahu stránky HTML. V souladu s tím jsou všechny příkazy používané v CSS zaměřeny na úpravu vzhledu jakýchkoli prvků dokumentu HTML.
Je to nutné
Počítač s připojením k internetu
Instrukce
Krok 1
Přečtěte si o tom, jak se používají kaskádové styly. Formátování textu je nejběžněji používanou funkcí kaskádových stylů. Jakýkoli dokument HTML obsahuje v různých částech obrovské množství textových informací. Každá část stránky by zároveň měla mít svůj vlastní formát a písmo: část textu je text nabídky, druhá je název, třetí je hlavní text stránky atd. K formátování textových informací se pomocí příkazů mění název písma, jeho velikost, váha atd.
Krok 2
Nejprve si tedy všimněte parametru stylu rodiny fontů. Tento atribut umožňuje nastavit pro tuto značku konkrétní písmo. Název písma je napsán za znaménkem „:“. Atribut stylu velikosti písma se používá k nastavení velikosti textu obsaženého ve značce. Hodnota velikosti se také píše za znaménkem „:“a je uvedena v pixelech, například „font-size: 20px“.
Krok 3
Pamatujte, že parametry stylu lze zřetězit a zapsat společně pomocí znaménka „;“. To je užitečné, pokud potřebujete pro jednu značku nastavit několik parametrů.
Krok 4
Pomocí barvy atributu stylu můžete změnit barvu textu. Název barvy je psán standardním způsobem: zelená, modrá, červená atd. Má také schopnost nastavit barvu nejen samotného textu, ale také barvy pozadí. Pro tento účel se používá atribut background-color, poté musí být označena také vybraná barva. Pokud chcete v oblasti této značky použít jako pozadí obrázek, ne výplň, podívejte se na parametr stylu pozadí-obrázek a za ním určete zdroj obrázku.
Krok 5
Seznamte se s řadou atributů stylu, které nastavují parametry prvků stránky, mezi které patří především výplň, ohraničení, float, pozice.
Krok 6
Pomocí parametru padding můžete nastavit velikost okraje, který je vázán na danou značku. V tomto případě se tato hodnota počítá z každé strany. Zadejte atribut border, aby se vytvořil okraj tohoto pole. Za dvojtečkou je šířka ohraničení zapsána v pixelech. Vlastnost float umožní prvku na vaší stránce plavat vpravo nebo vlevo. V tomto ohledu jsou kvalifikační parametry této vlastnosti vlevo nebo vpravo.
Krok 7
Pokud potřebujete přesně umístit objekt na dokument, použijte vlastnost position. Vyhledá prvek stránky absolutním způsobem, například „position: absolute; bottom: 50px; right: 10px;“, nebo relativním způsobem na základě vzdálenosti od okrajů stránky.
