为什么我的HTML div不工作?

时间:2013-12-15 19:08:34

标签: html css

我做了这件事:

<!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的文本textastic代码编辑器。

1 个答案:

答案 0 :(得分: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'/>

文件夹名称将是放置样式表的文件夹的名称!