WebRoot/styles/basic.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*页面基本样式*/
* {	/*选择页面所有元素*/
	margin: 0px;	/*设置所有元素外边距为0*/
	padding: 0px;	/*设置所有元素内边距为0*/
}
body {	/*设置页面基本样式*/
	background: #fff;	/*设置页面背景颜色为白色*/
	width: 1000px;	/*设置页面宽度为1000px*/
	margin: 0 auto;	/*设置页面居中显示*/
	text-align: center;	/*设置文本对齐方式为居中对齐*/
}
img {	/*图片基本样式*/
	border: none;	/*设置页面中图片无边框*/
}
h1 {	/*选择一级标题元素*/
	height: 34px;	/*设置一级标题高度为34px*/
	line-height: 34px;	/*设置一级标题行高为34px*/
	text-indent: 28px;	/*设置一级标题缩进28px*/
	font-size: 16px;	/*设置一级标题字体大小为16px*/
	font-family: "微软雅黑";	/*设置一级标题字体为微软雅黑*/
	font-weight: bold;	/*设置一级标题加粗显示*/
	text-align: left;	/*设置一级标题文本居中方式为靠左对齐*/
	color: #EEE;	/*设置一级标题字体颜色*/
	background: #2a91d3 url(../images/arrow.jpg) no-repeat 10px 7px;	/*设置一级标题背景*/
	border-bottom: 1px solid #C0C0C0;	/*设置一级标题底部边框线*/
}

/*页面整体布局*/
#header {	/*页面头部分div*/
	width: 1000px;	/*设置页面头部宽度为1000px*/
	height: 150px;	/*设置页面头部高度为150px*/
	background: url(../images/header.jpg) no-repeat;	/*设置页面头部背景图片*/
}
#header p {	/*页面头部分中段落*/
	font-family: "微软雅黑";	/*设置一页面头部段落文本字体*/
	font-size: 36px;	/*设置页面头部段落文本字体大小为36px*/
	height: 150px;	/*设置页面头部段落高度为150px*/
	line-height: 150px;	/*设置页面头部段落行高为150px*/
	text-align: center;	/*设置一页面头部段落文本居中方式为居中对齐*/
	color: #FED;	/*设置一页面头部段落文本颜色*/
}
#header p span {	/*页面头部分中段落中内联元素*/
	color: #EFC;	/*设置颜色*/
	font-size: 30px;	/*设置字体大小为30px*/
	font-weight: bold;	/*设置字体加粗*/
}
#content {	/*页面主体部分div*/
	width: 1000px;	/*设置页面主体部分宽度为1000px*/
	margin: 5px auto;	/*设置页面主体部分上下外边距为5px，左右自动*/
	background: #EAEAEA;	/*设置页面主体部分背景颜色*/
}
#left {	/*页面主体部分左侧div*/
	margin: 10px 3px 10px 10px;	/*设置页面左侧div外边距*/
	width: 200px;	/*设置页面左侧div宽度为200px*/
	float: left;	/*设置页面左侧div向左浮动*/
	background: #F9F8F4;	/*设置页面左侧div背景颜色*/
	border: 1px solid #C0C0C0;	/*设置页面左侧div的边框*/
}
#right {	/*页面主体部分右侧div*/
	margin: 10px 10px 10px 3px;	/*设置页面右侧div外边距*/