我用dom加载了一个图片，然后在主页的head中外联了一个css，运行网页后，css设置未生效，这是什么原因，请高手告知，不胜感谢。文件结构为：html文件名为1.html，在此文件的代码中外联了一个1.js和1.css文件，这三个文件置于同一个文件夹下，文件代码如下：
1.html代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="1.css">
<script type="text/javascript" src="1.js"></script>
</head>
<body id="bb">
</body>
</html>
1.css代码为：
img{
width:10;
height:10;
overflow:hidden;
}
1.js代码为：
window.onload=function(){
var domx=document.getElementById("bb");
var newx=document.createElement("img");
newx.setAttribute("src","1.jpg");
domx.appendChild(newx);
}
单位加上，加了xhtml申明除非是0，要不单位全部加上
img{
width:10px;
height:10px;
overflow:hidden;
}
css单位是最容易忽略的问题