HTML元素布局学习1 -
在这里我分为三个文件来练习: all.elehtml.js elehtml-buju.html all.elehtml.css在这里 先贴出all.elehtml.js 的内容
http://www.agoit.com/upload/attachment/84263/af667011-b127-3c35-ba03-9fe2aa84d8bf.jpg
接下来看 elehtml-buju.html的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>HTML元素布局学习</title></head><body><div id='container'></div><div id='container1'></div></body></html><link href='css/bjextreme/all.elehtml.css' rel='stylesheet' type='text/css'> <script src='js/debug/nitobibug/compressed.js' type='text/javascript'></script><script src='js/bjextreme/all.elehtml.js' type='text/javascript'></script>
有这两个我们可以看到 BJExtreme.Dom.$c.test(); 运行成功,可以动态创建HTML元素
下一步,我们将通过all.elehtml.css' 文件来使得这两个div 绝对居中[左右居中和上下居中],如图:
http://www.agoit.com/upload/attachment/84267/fe76ce02-2167-3e40-b40a-ba88816a8234.jpg
下面贴出 CSS文件的代码:
http://www.agoit.com/upload/attachment/84269/8b29f913-8fc0-37ce-a41c-ebfdd59b7d40.jpg
未完待续,请见第二部分
页:
[1]