HTML,CSS語法的普羅大眾而言，有時候為了一個小小的文章文字大小的修改，卻是傷透腦筋抓破手指頭....

 

 [文章區塊]文字大小的調整，行與行的間距...

 

 進入部落格後台-自訂樣式-CSS自訂原始碼，找到  .article-content

 

.article-content {
font-size:12pt;

line-height:160%; 
_height:1%;
overflow:hidden;
_overflow:none;
margin-top:10px;
}

 

font-size:12pt;    <- 這個就是調整文章大小的設定，一般訂在12-16 pt
line-height:160%; <-這個是調整文章行與行的間距，160%表示為文字大小的1.6倍

[文章區塊] 標籤文字的大小及顏色

文字標籤過大，比本文文字還大，請問如何修改 CSS 到我需要的大小?

 

到CSS原始碼裏編輯

 

.article-keyword {
font-size:14px; }

 

文章最後帶出的文字標簽的大小，14px 卻比文章本文12pt小

 

超連結的顏色(比如我的超連結文字是黑色，滑鼠點擊後變為藍色)

 

影像 2

 

 

 

注意:

 

修改超連結顏色後會產生以下CSS碼

 

#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#content a,#content a:link,#content a:visited ,#links a,#links a:link {
color:#000;  <- 為我選擇的黑色
}

 

修改超連結顏色(滑鼠經過時)後會產生以下CSS碼

 

#content a:hover,#content a:active {
color:#30f;  <- 為我選擇的藍色
}

 

當你一直在更改上面兩個連結顏色時，選擇儲存就會一直新增你的設定，CSS碼好像是不會覆蓋，而是一直新增，到某一個期限後，就無法再修改了。碰到這種事情，就是到CSS原始碼區，把上兩列那一大串字串全部刪除，除存後再到[自訂樣式進階版]修改連結文字的顏色一次後，儲存就可以了。

 

 

arrow
arrow
    全站熱搜

    紫雲 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄