第二章 博客靜態網頁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等軟件通過配置後就能發佈