为什么网页中css写在页面的头部而javascript写在尾部

我想说一下我的看法，关于JavaScript写在尾部的。
至于为什么CSS写在头部，是因为浏览器预先加载CSS后，可以不必等待HTML加载完毕就可以开始渲染页面了。
至于JavaScript写在尾部，这是因为JS主要扮演事件处理的功能。这样的话，页面渲染的时候和JS没有关系，放在后面慢慢加载，不要影响更重要的CSS和HTML的加载。
BUT！
但是，现在随着JS技术的发展，JS也开始承担起页面渲染的工作了，比如JQuery UI之类。如果这类JS加载需要很长时间，就会影响用户的体验，因为用户看到的是一个渲染不完全的界面。
所以，需要把JS区分看待，承担页面渲染工作的JS和承担事件处理的JS要区分看待。
我的建议是，缓存类似JQuery UI这样的静态文件，剥离渲染页面的JS和事务处理的JS。
渲染页面的JS放在前面，事务处理的JS放在后面，HTML代码可以放在两者中间，或者两者之前，只要保证DOM加载后能迅速进行JS渲染就可以了。

如果你想单独配置某个div而不影响其它div那么你最好在div中添加id属性如id="d1"这样你可以在
css中这样设置#d1{ align:center;}即可。
如果是多个div设置相同效果那么直接 div{ align:center;}

我想说一下我的看法，关于JavaScript写在尾部的。
至于为什么CSS写在头部，是因为浏览器预先加载CSS后，可以不必等待HTML加载完毕就可以开始渲染页面了。
至于JavaScript写在尾部，这是因为JS主要扮演事件处理的功能。这样的话，页面渲染的时候和JS没有关系，放在后面慢慢加载，不要影响更重要的CSS和HTML的加载。
BUT！
但是，现在随着JS技术的发展，JS也开始承担起页面渲染的工作了，比如JQuery UI之类。如果这类JS加载需要很长时间，就会影响用户的体验，因为用户看到的是一个渲染不完全的界面。
所以，需要把JS区分看待，承担页面渲染工作的JS和承担事件处理的JS要区分看待。
我的建议是，缓存类似JQuery UI这样的静态文件，剥离渲染页面的JS和事务处理的JS。
渲染页面的JS放在前面，事务处理的JS放在后面，HTML代码可以放在两者中间，或者两者之前，只要保证DOM加载后能迅速进行JS渲染就可以了。

浏览器的宽度其实是跟屏幕的分辨率相关的，所以就会出现头部要不太宽（小分辨率低），或太窄（分辨率高）。
太窄的时候就要从两侧取一窄条来平铺，background:url(top_bgjpg) repeat-x；
太宽的时候就要只显示的中间部分，其余部分自动隐藏，
background:url(topjpg) no-repeat center top；主要是这个center属性，可以自适应这个宽度。
最后是如果不能确定是宽和窄的时候。
把太窄平铺的写在body属性上，把太宽的写在头部div属性上，
body{background:url(top_bgjpg) repeat-x;}
top{background:url(topjpg) no-repeat center top;}这俩句同时用可以适应各种

---