внутренний CSS не будет работать - PullRequest
0 голосов
/ 24 сентября 2011

Мой внутренний css не будет работать с маленьким кодом, который у меня есть.Это кажется действительно глупым вопросом, но ничто, что я делаю, не помогает.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>Ask Help</title>
<style type = "text/css">
@font-face {
font-family: "junction";
src: url("Junction_02.otf");
}

html {
background-image: linear-gradient(bottom, rgb(75,135,163) 2%, rgb(127,219,219) 54%);
background-image: -o-linear-gradient(bottom, rgb(75,135,163) 2%, rgb(127,219,219) 54%);
background-image: -webkit-linear-gradient(bottom, rgb(75,135,163) 2%, rgb(127,219,219)       54%);
background-image: -ms-linear-gradient(bottom, rgb(75,135,163) 2%, rgb(127,219,219) 54%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.02,   rgb(75,135,163)), color-stop(0.54, rgb(127,219,219))
}

.menu {
list-style-type: none;
font-size: 25px;
}

h1 {
font-family: junction;
text-size: 60px;
}
</style>
</head>
<body>
    <nav>
        <ul class="menu">
            <li><a href="index.html" title="Home">Home</a></li>
            <li><a href="about.html" title="About Us">About</a></li>
            <li><a href="past.html" title="iPod">Past Q&amp;A's</a></li>
        </ul>
    </nav>
</body>
</html>

1 Ответ

8 голосов
/ 24 сентября 2011

В этой строке отсутствует закрывающая скобка ), которая влияет на вашу разметку:

background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.02,   rgb(75,135,163)), color-stop(0.54, rgb(127,219,219))

Измените ее на:

background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.02,   rgb(75,135,163)), color-stop(0.54, rgb(127,219,219)));

Вы должны использовать W3C HTML и CSS инструменты проверки для выявления подобных проблем.Валидатор HTML не очень хорош в обнаружении плохого CSS, так что вы можете скопировать и вставить свой встроенный CSS в валидатор CSS.

Да, и он также может поставить точку с запятой в конце этого последнего фона.утверждение изображения (я сделал это для вас), так как это спасет вас от горя, если вы добавите больше строк в будущем, но забудете добавить точку с запятой к предыдущей строке.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...