2016-01-18 1 views
-3

Взгляните на мой код. Скажи мне, что я делаю неправильно.Как связать css с html на TextEdit

CSS файл - имя style.css

#color{ 
 
background-color: #yellow; 
 
}

HTML файла

<!DOCTYPE html> 
 
<html> <link rel=”stylesheet” href=”css/style.css” type=”text/css”> 
 

 

 

 
<head> 
 
</head> 
 
<body> 
 
<div id=“color”> color </div> 
 

 
<p>My first paragraph.</p> 
 

 
</body> 
 
</html>

Является ли мой HTML ссылка неправильно?

Это обновленный файл HTML

<!DOCTYPE html> 
 
<html> 
 

 

 

 
<head> 
 
<link rel="stylesheet" href="css/style.css" type="text/css"> 
 
</head> 
 
<body> 
 
<div id="color"> color </div> 
 

 
<p>My first paragraph.</p> 
 

 
</body> 
 
</html>

+1

Удалить символ #: 'background-color: #yellow;'. –

+1

ниже ответы должны работать уже. Если это все еще не так, я думаю, проблема в вашем пути css. Убедитесь, что это href = "css/style.css" является правильным путем. – bot

ответ

3

Это либо: background-color:yellow; или background-color:#FFE51E;, но не background-color:#yellow;

Кроме того, вы используете неправильные кавычки:»вместо" и вы должны положить теги link в теги head.

Что дает нам это: jsfiddle

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="css/style.css" type="text/css"> 
</head> 
<body> 
<div id="color"> color </div> 

<p>My first paragraph.</p> 

</body> 
</html> 
+0

Я изменил его, но он по-прежнему не стал желтым. –

+0

Вы используете неправильные кавычки, используйте «нет». Рассмотрите возможность использования лучшего текстового редактора, кроме TextEdit, если вы не используете его правильно. – YounesM

+0

Я изменил его, но он все еще не работает. –

0

символ # используются нами для шестнадцатеричного цвета, как #FFF если вы хотите один из цветов по имени вы просто использовать имя без какого-либо символа:

background-color: yellow; 
0

Работа jsfiddle

CSS:

#color{ 
background-color: yellow; 
} 

HTML:

<html> 
    <head> 
     <link rel="stylesheet" href="css/style.css" type="text/css"> 
    </head> 
    <body> 
     <div id="color"> color </div> 
     <p>My first paragraph.</p> 
    </body> 
</html> 
  • ваш делать неправильно в вашем CSS фон-цвет: #yellow; неправ. Это должно быть background-color: yellow; или background-color: # FFFF00;.
  • вы используете Внешний стайлинг из CSS, так что добавьте ссылку на него в <head> разделе HTML страницы
  • Если это все еще не работает, проверьте путь вашего CSS. Вы уверены, что это правильный путь? href="css/style.css"
  • Вот учебник, как использовать цвет фона http://www.w3schools.com/cssref/pr_background-color.asp и вот список цветов в CSS http://www.w3schools.com/html/html_colornames.asp
0

Я фактически установил ее, вынимая путь для ссылки. Я скопировал его случайно, и именно поэтому он не работал. Вот рабочий код.

#color{ 
 
background-color:yellow; 
 
}
<!DOCTYPE html> 
 
<html> 
 

 

 

 
<head> 
 
<link rel="stylesheet" href="style.css" type="text/css"> 
 
</head> 
 
<body> 
 
<div id="color"> color </div> 
 

 
<p>My first paragraph.</p> 
 

 
</body> 
 
</html>

0

Что вы спрашиваете, как связать таблицы стилей в текстовом редакторе. Если вы используете текстовый редактор, первое, что вам нужно сделать, это поместить все (.css, .js, .html) в одну папку. Затем вы можете использовать только имя вашего файла с расширением для ссылки. Это самый простой способ, если вы используете текстовый редактор. В этом случае я думаю, что вы правильно связали внешнюю таблицу стилей. Я предполагаю, что проблема связана с «фоновым цветом: желтый»; не используйте # с именем цвета.

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