2013-12-15 4 views
-3

Я сделал эту вещь:Почему мой HTML-div не работает?

<!DOCTYPE html> 
<html> 
<head> 
    <title>My Experiment</title> 
    <link rel='stylesheet' type='text/css' href='stylesheet.css'/> 
</head> 
<body> 
    <div></div> 
</body> 
</html> 

Во всяком случае я добавил

div{ 
width: 100px; 
height: 50px; 
border: 4px solid black; 
} 

В CSS. Почему он не появляется? PS Я использую текстовый текстовый редактор кода для ios.

+2

Вы уверены, что ваша таблица стилей загружается? – m59

+0

Убедитесь, что ваш кеш не запускается, обновляется несколько раз или отключается кеширование. – Gooey

+0

Где ваш CSS для 'div' определяется и входит ли он в ваш html-файл? – Eric

ответ

4

Единственная проблема может заключаться в том, что CSS не загружается в DOM вашей веб-страницы!

Попытайтесь проверить ошибку в Консоли или нажмите F12 и посмотрите, загружен ли файл или нет!

Ваш код работает идеально!

http://jsfiddle.net/afzaal_ahmad_zeeshan/UHQ9F/ Описание: Вот скрипка, вы можете видеть сами!

div { 
width: 100px; 
height: 50px; 
border: 4px solid black; 
} 

Так попробуйте это:

<link rel='stylesheet' type='text/css' href='/stylesheet.css'/> 

Или это:

<link rel='stylesheet' type='text/css' href='foldername/stylesheet.css'/> 

Где имя папки будет название папки, в которой находится таблица стилей!

+1

Вы используете html5, поэтому не нужно включать этот атрибут type = 'text/css', иначе все в порядке. –

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