PRZYKŁADOWY ARKUSZ CSS

Oto kod „szkieletu” arkusza stylów, którego użyliśmy w książce do podświetlenia różnych fragmentów strony. Skopiuj go i wklej, aby móc realizować ćwiczenia zgodnie z opisem w książce. Jeśli chcesz, możesz zmienić kolory, pamiętaj tylko, by były różne, aby podkreślić odrębność poszczególnych sekcji strony.

/* zmiana metody ustalania wielkości elementów na border box */ 
html {
	box-sizing: border-box;
} 
*, *:before, *:after {
	box-sizing: inherit;
}

/* style dla różnych elementów strukturalnych */ 
html {
	background-color: Black; 
} 

body {
	background-color: GhostWhite;
}

header {
	background-color: Crimson;
}

nav {
	background-color: DarkOrange;
} 

article {
	background-color: Gold;
}

section {
	background-color: LawnGreen;
} 

aside {
	background-color: RoyalBlue;
}

footer {
	background-color: DarkOrchid;
}