Podstawowe reguły CSS dotyczące formatowania wyglądu strony WWW.
1. Tło
body { background-color: lightblue; background-image: url("santa-claus.png"); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }
2. Czcionka
h1 { color:#ffff99; font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit; }
Dołączanie czcionki z Google Fonts:
plik html
<head> <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet"> </head>
plik CSS
h1 { font-family: 'Berkshire Swash', cursive; }
3. Cieniowanie
h1 { text-shadow: 2px 2px black; }
.box { background-color:#670000; -webkit-box-shadow: 7px 9px 7px -4px rgba(0,0,0,0.75); -moz-box-shadow: 7px 9px 7px -4px rgba(0,0,0,0.75); box-shadow: 7px 9px 7px -4px rgba(0,0,0,0.75); }