字型變化部份，配合常用CSS樣式屬性

 

 

/*網誌本體背景部分*/
body {
font-size:字型大小(px);
font-family:"字體(細明體、標楷體等)";
color:字體顏色(RGB);
background:背景色(RGB);
background-image:url(背景圖片網址);
background-color:圖片背景色;
background-repeat:圖片重複規則;
background-position:置上下左右;
background-attachment:圖片壓縮;
}

/*網頁可點選 (有連結功能) 部分*/
a {
color:字顏色;
text-decoration:自特殊顯示 (底線、頂線、刪除線、閃爍等);
font-size:字體大小;
}

/*網頁可點選部分滑鼠移到上面時的顯示*/
a:hover {
color:顏色;
}

/*網誌頂端底層背景圖層*/
#container {
width:寬度;
height:高度;
background:url(背景圖網址(背景圖)) 重複方式 置上下左右;
}

/*網誌頂端第二層圖片圖層*/
#container2 {
width:寬度;
}

/*網頁頂端標題列*/
#header {
height:高度;
background:url(圖片網址(背景圖)) 重複方式;
background-image:url(圖片網址(照片));
background-position:圖片至上下左右;
background-repeat:圖片重複方式;
padding:與外框間距(依序:上 右 下 左);
}

/*標題總區塊*/
#banner {
width:寬度;
padding:間距(依序:上 右 下 左);
}

/*標題區塊標題部份(即可連結網誌首頁部分)*/
#banner h1 a {
font-family:"字體";
font-weight:字型粗細(細、一般、粗體、超粗體等);
font-size:字型大小;
}

/*標題區塊描述部分(即下方文字描述部分)*/
#banner h2 {
line-height:行高;(%或者px)
height:區塊總高度;
padding:間距(依序:上 右 下 左);
}

/*網誌首頁文章主體*/
#content {
width:區塊總寬度;
overflow:卷軸顯示與否;
float:窗框位置(左邊或右邊)(相對於#links部分);
margin:字與表格格線的間距;
padding:表格與外框的間距;
font-size:字型大小;
}

/*側邊欄位整體*/
#links {
width:區塊寬度;
float:窗框位置(左邊或右邊)(相對於#content部分);
overflow:卷軸顯示與否;
adding:間距(依序:上 右 下 左)
}

/*右邊側邊欄位個別外框*/
.box {
margin:內容與框線間距;
padding:整體與外部間距;
}

/*側邊欄位標題*/
.box-title {
line-height:行高;
text-align:文字置左中右;
color:文字色彩;
font-size:字型大小;
font-weight:字型寬度;
padding:與外部間距;
text-decoration:文字特殊效果;
font-style:斜體與正常;
}

/*側邊欄位本文*/
.box-text {
line-height:行高;
margin:內容與框線間距;
padding:整體與外部間距;
color:文字色彩;
font-size:字型大小;
}

/*廣播設定*/
#broadcast {}

/*碎碎念設定*/
#crumb { }

/*側邊欄位月曆內文*/
#calendar .box-text {
line-height:;
color:;
font-size:;
}

/*側邊欄位月曆表格*/
#calendar .box-text table {
width:表格寬度;
color:;
font-size:;
}

/*側邊欄位月曆表格列設定*/
#calendar .box-text th {
text-align:表格文字靠左中右;
color:;
font-size:;
}

/*側邊欄位月曆表格個別Cell設定*/
#calendar .box-text td {
text-align:;
color:;
font-size:;
}

/*月曆Cell已過日期設定*/
#calendar .box-text td a {
display:;
}

/*側邊欄位熱門文章*/
#hot-article .box-text {
color:;
font-size:;
}

/*側邊欄位搜尋欄位*/
#search li { }

/*網誌文本主體底邊*/
#footer {
height:;
font-size:;
color:;
line-height:;
text-align:;
padding:;
}

/*網頁整體頁面底邊(最下面那段Design by Free CSS Templates 那段)*/
#bottom { }