jquery ui 的dialog样式问题求助！！！右上角的关闭和右下角的控制大小的都和demo中的不一样！_html/css_WEB-ITnose

jQuery UI 我刚开始学习使用jquery ui，用的是稳定版本的。
我引入的相关文件如下：



html如下：

测试dialog

js代码如下：
$(function(){
$( "#dialog" ).dialog();
})
我都是按要求写的，但是运行结果却是如下图：

求教高手指导一二啊！我这是什么问题啊？？？

回复讨论(解决方案)

This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.

1#的回答解决不了问题，你直接在demo里面搞过来做什么？我现在在测试tabs的时候也发现了类似的走样问题。。。纠结！！！！

我已经解决了。需要在页面的开始生命文档类型。比如;。就ok了！！！！