第二章 博客静态网页4

此次开始作的是页面右边的部分

.wenzhang{
	padding:10px 30px 0 30px;/*上 右 下 左*/
}

.wenzhang h3{
	margin:10px;
	border-bottom:1px #666 dashed;/*  下边 */
	padding-bottom:8px;/*内容与边距离*/
}

.wenzhang a{
	text-decoration:none;
	color:#F60;
	font-weight:bolder;
}

.wenzhang a:hover{/*当div下面全部的a标签都该样式，那能够不用h3*/
	color:#690;
}

首先是对右边文章标题的设置，设置标题与边和文章的距离以及标题的颜色和标题下方的下划线的分割线样式

.wenzhang span{
	margin-left:520px;/*经过这个margin使文字靠右显示*/
	font-size:12px;
	color:#666;
}

对“zhaoqi@2019-04-01”设置大小和位置

.zhu{
	color:#999 !important;/*强制使用此样式!important*/
	font-size:10px !important;
}

对标注设置并强行套用格式

#footer{
	background-color:#328048;
	height:80px;
	clear:both;/*清空其余的div的float的影响*/
}

#footer span{
	text-align:center;/*水平居中*/
	display:block;/*盒子模型，否则居中属性也无论用*/
	color:#FFF;
	line-height:80px;/*垂直居中*/
}

最后是对脚注和尾部的设置

完成以后就是发布内容了，首先要有一台服务器，其次是域名，并经过tomcat等软件通过配置后就能发布