CSS tulajdonságok és magyarázatuk

Ebben a kódban a következő HTML elemek tulajdonságait állítottuk be:

• body (weboldal fő része, tartalom)
• H1 (kiemelet cím)
• IMG (kép)
• a (link vagy menüpont)
• a:hover (az az állapot, amikor a link felett áll az egérmutató)

CSS fájl tartalma:

body {
    background-color: aquamarine; /* Háttér */
    margin: 100px; /* Margó */
}

h1 {
    color:blueviolet; /* Betűszín */
    background-color: gold; /* Háttér */
    padding: 15px; /* Belső margó */
}

img {
    width: 500px; /* Kép szélessége */
    border-radius: 100%; /* Sarkok lekerekítése */
}

a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Betűtípus */
    font-size: 24px; /* Betűméret */
    color: blue; /* Betűszín */
    text-decoration: none; /* Aláhúzás eltűntetése */
}

a:hover {
    color:aliceblue; /* Betűszín */
    background-color: blue; /* Háttér */
    padding: 10px; /* Belső margó */
}