css样式

文字属性

	h1{
				font-family: 楷体;
				font-size: 20px;
				color: green;
				font-weight: bold;
				font-style: italic;/*斜体*/
			}

段落属性

p{
				text-decoration: underline;
				/*line-through overline*/
				text-align: center;
				text-transform:uppercase; /*lowercase*/
				line-height: 50px;
				height:50px;
				background: red;
				letter-spacing: 5px;
			}

边框样式

.box{
				border:1px green solid;
			}

solid显示边框

设置图片背景

.box1{
				background: url('you.jpg') no-repeat 50px 50px;  /*也可用center*/
				width: 500px;
				height: 400px;
				cursor: pointer;
			}
			.box2{
				background: url('you.jpg') no-repeat -200px -115px;
				width: 150px;
				height: 42px;
			}

链接样式

a{
				text-decoration: none;
			}

这是一个去除下划线的代码。

列表样式

ul{
				list-style-type: none;
			}

去除前面小圆点的代码

图片样式

img{
				width: 200px;
				height: 100px;
				vertical-align: middle;
			}

需要注意的是图片标签是一个行标签，vertical-align；：middle是表示图片相对于他这一行的文本时是居中的。

<div id="img1">
			铁憨憨
			<img src="tupian/鸣人01.jfif">
			铁憨憨
		</div>

如果把img放在盒子div中，那么img就相当于一个文本。属于盒子的内容。