Deklarace

Přidávat deklaraci jednu za druhou je úhledný způsob, jak lépe vidět fungování CSS. Začněte s prázdným pravidlem:

body {

}

html {

}

Potom postupně přidávejte deklarace, abyste po otevření stránky ve vašem prohlížeči viděli jejich účinek. K okamžitému zobrazení se skvěle hodí Live Preview v Brackets.

body {

background-color: Thistle;

}

html {

}

Tímto na stránku přidáte fialové pozadí.

body {

background-color: Thistle;

border: 2px solid Gray;

}

html {

}

Teď jsme přidali tenké šedé okraje stránky.

Jak budete přidávat pravidla, zkoušejte je upravovat. Například pro ohraničení existuje mnoho různých možností. Zkuste solid zaměnit za dotted, nebo 2px zaměňte za 10px ridge.