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);
}
Santa Claus (11)

Uwaga! W pliku ze strukturą html jest literówka (powinien być znacznik </hgroup> ). Proszę ją sobie poprawić!

Podobne wpisy...

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close