这种方式易维护，维护成本较低。
		xxx.css文件
			1.html中引入了
			2.html中引入了
			3.html中引入了
			4.html中引入了

样式块方式

	
		
		
			/*
				这是CSS的注释
			*/
			/*
				id选择器
				#id{
					样式名: 样式值；
					样式名: 样式值；
					样式名: 样式值；
					........
				}
			*/
			#usernameErrorMsg{
				font-size: 12px;
				color: red;
			}

			/*
				标签选择器
				标签名{
					样式名: 样式值;
					样式名: 样式值;
					样式名: 样式值;
				}
			*/
			div{
				background-color: black;
				border: 1px solid red;
				width: 100px;
				height: 100px;
			}
			/*
				类选择器
				.类名{
					样式名: 样式值;
					样式名: 样式值;
					样式名: 样式值;
				}
			*/
			.myclass{
				border: 2px double blue;
				width: 400px;
				height: 30px
			}
		
	
	
		
		
		对不起，用户名不能为空！
		

		

		

		
		




		
		





		
			专科
			本科
			硕士
		

	

链入外部样式表文件

css文件

a{
	text-decoration: none;
}
#baiduSpan{
	text-decoration: underline;
	cursor: wait;
}

	
		
		
		
		
	
	
		百度
		点击我链接百度
	

以下是常用的样式

边框

（1）

div{ border : 1px solid red; }

（2）

div{ border-width : 1px; border-style : solid; border-color : red; }

隐藏

div{ display : none; }

字体

div{ font-size : 12px; color : red; }

文本装饰

a{ text-decoration : none; }

a{ text-decoration : underline; }

列表

ul{ list-style-type : none; }

设置鼠标悬停效果

:hover

定位

div{ position : absolute; left : 100px; top : 100px; }

鼠标小手

div{ cursor : pointer; }