了解css(div+网页布局)

一、div、span
1、div和span在整个html中是没有任何意义,它们的存在是为了应用css样式;div和span的区别在于div是块级元素,span是内联元素。
如下所示:



	
		
		div + css 布局
	
	
	
		
块级元素

内联元素 内联元素 内联元素

效果显示:
了解css(div+网页布局)_第1张图片
二、盒模型

	.div1{
			background: #00FFFF;
			height:100px;/* 盒子高度 */
			width: 100px;/* 盒子宽度 */
			margin:5px ;/* 盒子外边距 */
			padding: 3px;/* 盒子内边距 */
			border: solid #000000 1px;/* 盒子的边框宽度 */
		}	

效果展示:
了解css(div+网页布局)_第2张图片
三、布局相关的属性



	
		
		div + css 布局
	
	
	
		
"div1">div1的背景颜色

你可能感兴趣的:(html+css,div)