大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
在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文件,查看实现的效果,就完成了。