Может кто-нибудь объяснить, что я делаю неправильно? ⇐ CSS

[Anonymous]

Я начинающий веб-разработчик и пытаюсь создать свой первый макет сайта. По какой-то причине, когда я использую классы (или какую-то специфику) в Visual Studio, они не регистрируются. Какую бы специфику я ни использовал, мой справедливый код ее не регистрирует. Я не понимаю, в чем именно заключается проблема. Независимо от того, мой ли это код или настройка в VS. Может кто-нибудь мне помочь?
Это мой код.
HTML:

Код: Выделить всё

Homepage
[*]




[list]
[url=index.html]Home[/url]
[*][url=pages/menu.html]Menu[/url]
[*][url=index.html]Dummy Website Logo[/url]
[*][url=pages/locations.html]Locations[/url]
[*][url=pages/contact.html]Contacts[/url]

[/list]
Home



a

b
c

lower-section
footer

CSS:

Код: Выделить всё

    body {
margin: 0;
padding: 0;
background-color: white;
font-family: sans-serif;
}
header {
background-color: black;
padding: 20px;
}

header a {
text-transform: uppercase;
color: white;
text-decoration: none;
margin-top: 30px;
}

header .logo a {
background-image: url('images/TestSiteLogo.png');
background: red;
display: inline-block;
text-indent: -9999px;
width: 300px;
height: 100px;
}

section {
background-color: white;
color: gray;
padding: 20px;
display: flex;
flex-direction: row;
}

div {
background-color: hsl(0 100% 50%);
width: 100px;
margin: auto;
}

ul {
list-style-type: none;
padding: 0;
margin: 0;
}

li {
margin-right: 10px;
display: inline-block;
}

footer {
background-color: black;
padding: 20px;
color: white;
}

Результаты кода
Я надеялся, что на вкладке навигации появится фоновое изображение, изменится цвет фона для указанного элемента, а текст внутри указанного элемента не исчезнет. быть видимым, все на панели навигации должно быть написано прописными буквами, а от верхнего края страницы до панели навигации должно быть поле шириной 30 пикселей.

Подробнее здесь: https://stackoverflow.com/questions/793 ... oing-wrong