DIV的使用详细教程以及CSS控制样式
div全称是divsion,表示部分的一个元素,用
来表示的。他是定义HTML文件中的一个区域。这里我就来介绍div和子div的使用方法首先我们用div这个区域来显示一个段落文字,来看看具体代码如下:
我是div文件
可以看到如下图的执行效果,其实这里我们看到的效果不是很明显,具体如下图。
这里引入了strong标签来说明问题,通过对比来说明DIV的区块的属性,具体的代码如下:
div{background-color:red;}
strong{background-color:blue;}
我是div文件
我是P文件
如下图,可以看到执行的效果,d通过设置背景颜色来说明div的背景颜色。
现在我们来设置div的边距,边框线,具体的代码如下:
#contion{
background:orange;
padding:20px;
border: 1px solid red;
}
我是div文件
我是P文件
可以看到如下图的执行效果,加了一个边框。
这里来说书添加子div,这个也是div的嵌套,具体的代码如下:
#contion{
background:orange;
padding:20px;
border: 1px solid red;
}
我是div文件
我是P文件
在strong这个文件下面,显示了一个div的信息,具体如下图所示。
现在我在继续给字子div设置样式,具体的代码如下:
#contion{
background:orange;
padding:20px;
border: 1px solid red;
}
.box{
background:blue;
padding:20px;
border: 1px solid red;
}
我是div文件
可以看到子div的执行效果图。
版权声明:本站【趣百科】文章素材来源于网络或者用户投稿,未经许可不得用于商用,如转载保留本文链接:https://www.qubaik.com/life/122689.html