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);
}
