div块成css样式,div块元素

怎么用div布局加css样式做网页

在div里设置id或者class

成都创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站建设、成都做网站、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的河南网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

div id="aaa"/div

div class="bbb"/div

然后在css样式表里定义样式

#aaa{

}

.bbb{

}

有三种常用方式：1、通过id 例：style#test{color:red;}/stylediv id="test" test/div

2、通过类名例：style.test{color:blue;}/stylediv class="test" test/div

3、直接放在div标签里例：div style="color:purple" test/div

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用css对div进行初始化，设置其内外边距都为0，并让div浮动向左。

3、在test.html文件内，创建一个div，并设置其class属性为xx，用于下面定义其css样式。

4、在test.html文件内，使用css设置类名为xx的div样式，设置其宽度、高度都为300px，背景颜色为红色。

5、在test.html文件内，在上面div的内部，再创建一个div，并设置其类名为ss。

6、在test.html文件内，使用css设置类名为ss的div样式，设置其高宽为100px，背景颜色为白色，上边距为100px，左边距为100px。

动态生成的div也是要放在一个父级元素中的吧

假设动态生成的div欲放在id="a1"或class="b1"的元素中时，可以用包含包含选择符定义样式，如下：

#id

div{width:100px;

height:100px;}

.b1

div{width:100px;

height:100px;}

如果层级比较多的，还是建议在动态生成时将样式选择符加在标签中。

1、首先新建一个html文件，命名为test.html。

2、在test.html文件内，使用div标签一个模块，在div内，再使用div标签创建两个内部模块，下面将让两个内部div并排显示。

3、在test.html文件内，分别给每一个div设置class属性，分别为wdiv，fldiv，frdiv。

4、在css标签内，设置class为wdiv的div样式，定义其宽度为500px，高度为400px，背景颜色为灰色。

5、在css标签内，再分别设置class为fldiv和frdiv的样式，定义它们的宽度为240px，高度为350px，同时，使用float属性分别设置一个div浮动向左，另一个浮动向右，从而实现并排显示。

6、最后在浏览器打开test.html文件，查看实现的效果，就完成了。

分享名称：div块成css样式,div块元素
地址分享：http://shouzuofang.com/article/phpeoi.html