首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML元素格局学习1 - 绝对居中

2012-10-24 
HTML元素布局学习1 -- 绝对居中在这里我分为三个文件来练习: all.elehtml.js elehtml-buju.html??all.eleh

HTML元素布局学习1 -- 绝对居中

在这里我分为三个文件来练习: all.elehtml.js elehtml-buju.html??all.elehtml.css

在这里 先贴出all.elehtml.js 的内容

HTML元素格局学习1 - 绝对居中

?

接下来看 elehtml-buju.html的代码:

?

?

有这两个我们可以看到 BJExtreme.Dom.$c.test(); 运行成功,可以动态创建HTML元素

?

下一步,我们将通过all.elehtml.css' 文件来使得这两个div 绝对居中[左右居中和上下居中],如图:

?

HTML元素格局学习1 - 绝对居中

?

?

下面贴出 CSS文件的代码:

HTML元素格局学习1 - 绝对居中

?

?

未完待续,请见第二部分

?

?

?

?

?

1 楼 vb2005xu 2009-03-24   /*页面文字段落缩进*/
p {
padding: 15px; border: 1px solid black;
text-indent: 2em; /*首行缩进2个字距*/
} 2 楼 vb2005xu 2009-03-24   首字下沉
p:first-letter {
    padding: 6px;
    font-size: 32pt;
    float: left;
}

热点排行