CSS+DIV美化和布局
一、DIV标记
div
(division)就是一个区域块的容器标记。就是
和
之间相当于一个容器,可以存放段落、标题、表格、图片等。例如创建一个长300宽100个div区域:
<style type="text/css">
div{
width: 300px;
height: 100px;
background-color: blueviolet;
}
</style>
<body>
<div></div>
</body>
效果图如下:
二、span标记
span标记是一个行内标记。在它的前后都不会换行。span标记没有结构的意义,纯粹是应用样式。当其它的行内元素都不适合时,即使用span标记。
例如:
<style type="text/css">
span{
width: 300px;
height: 100px;
background-color: blueviolet;
}
</style>
</head>
<body>
<span></span>
</body>
浏览器的效果如: