Style CSS

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