CSS стили не отражаются в HTML

Я реализовал стили CSS в styles.css и использовал этот файл в ExternalCSSStyles.html. Содержимое файла, как показано ниже: styles.cssCSS стили не отражаются в HTML

<!DOCTYPE html> 
<html> 
<head> 
<style> 
h1 { 
    color:fuchsia; 
    font-family:verdana; 
    font-size:300%; 

} 
p { 
    color:maroon; 
    font-family:courier; 
    font-size:160%; 
} 
</style> 
</head> 
</html>

ExternalCSSStyles.html, как показано ниже:

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="styles.css"> 
</head> 

<body> 
    <h1>This is a heading</h1> 
    <p>This is a paragraph.</p> 
</body> 

</html>

Выход отображается, как показано ниже: Это заголовок (черный цвет)

Это параграф. (темно-бордовый цвет)

Но если я изменить ExternalCSSStyles.hmtl, чтобы сделать его внутренний CSS Styling, как ниже:

<!DOCTYPE html> 
<html> 
<head> 
<style> 
h1 { 
    color:fuchsia; 
    font-family:verdana; 
    font-size:300%; 

} 
p { 
    color:maroon; 
    font-family:courier; 
    font-size:160%; 
} 
</style> 
</head> 

<body> 
    <h1>This is a heading</h1> 
    <p>This is a paragraph.</p> 
</body> 

</html>

Тогда выход, как показано ниже: Это заголовок (Fushia в цвете)

Это параграф (бордовый цвет)

Мой вопрос почему заголовок. не получается в соответствии со стилем, указанным в styles.css? Просьба помочь мне разобраться в этой проблеме.

источник

2015-02-05 suma

html теги стиля кузова в файле .css не требуются. –

Я думаю, что у вас есть место и html-теги во внешнем файле css, внешний файл css не должен содержать никаких тегов, которые он должен выглядеть как h1 { color: fuchsia; font-family: verdana; размер шрифта: 300%; } p { цвет: темно-бордовый; font-family: курьер; Размер шрифта: 160%; } –

должно быть как [style.css] (http://pastebin.com/raw.php?iQQ1FY7qn) –

Вы добавляете styles.css но styles.css должны не содержать любые html теги поэтому удалить все HTML-теги из styles.css как

h1 { 
 
    color:fuchsia; 
 
    font-family:verdana; 
 
    font-size:300%; 
 

 
} 
 
p { 
 
    color:maroon; 
 
    font-family:courier; 
 
    font-size:160%; 
 
}

<h1>This is a heading</h1> 
 
<p>This is a paragraph.</p>

и проверить свою страницу он будет работать нормально. .

источник

2015-02-05 06:05:38

CSS стили не отражаются в HTML

ответ

Смежные вопросы