【部落格css樣式】盒子box model(2)設定區塊的寬度和高度

上一篇講過盒子(box model),想畢大家都比較知道盒子在css中到底是怎麼應用了。

接下來要介紹的是寬(width)和高(height)的設定。

盒子2.jpg  

一般來說在box裡面寬(width)是指左內緣到右內緣,高(height)是上內緣到下內緣。(如圖示)

鹿老師 發表在 痞客邦 留言(1) 人氣()

【部落格css樣式】痞客樣式簡易修改(1) 如何改橫幅

//系列文章//

【部落格css痞客樣式教學】痞客樣式簡易修改(1) 如何改橫幅

【部落格css痞客樣式教學】痞客樣式簡易修改(2) 如何設定橫幅上部落格主副標題的顏色

 

一開始要直接從無到有設計出一個版型對初學者來說的確有難度,

但是只要透過套用別人設計好的版型直接修改就可以達到完全不同的風格,

鹿老師 發表在 痞客邦 留言(10) 人氣()

【部落格css樣式】 CSS中盒子(box model)的概念和痞客版型解說

盒子.jpg  

要開始修改和設計部落格樣式前,css中一個很重要的觀念要清楚,

就是盒子,什麼是盒子勒? 我們可以把每個元素視為一個盒子,

而盒子就是以這些屬性組成的。內容、留白、邊框、邊界。

鹿老師 發表在 痞客邦 留言(1) 人氣()

部落格痞客css樣式教學】 背景系列-3 如何設定背景圖位置和背景色結合應用

back2.jpg  

((背景系列文章))

【部落格痞客css樣式】 背景系列-1 哪裡改背景圖? 素材小圖做成連續背景?!

部落格痞客css樣式】 背景系列-2 如何固定背景圖不隨捲軸移動

【部落格痞客css樣式】 背景系列-3 如何設定背景圖位置和背景色結合應用

 

鹿老師 發表在 痞客邦 留言(2) 人氣()

 

【背景不準動啊啊啊!!!!】 【部落格css樣式】 背景系列-2 如何固定背景圖不隨捲軸移動

((背景系列文章))

【部落格痞客css樣式】 背景系列-1 哪裡改背景圖? 素材小圖做成連續背景?!

部落格痞客css樣式】 背景系列-2 如何固定背景圖不隨捲軸移動

【部落格痞客css樣式】 背景系列-3 如何設定背景圖位置和背景色結合應用

 

鹿老師 發表在 痞客邦 留言(2) 人氣()

【部落格css樣式】 背景系列-1   哪裡改背景圖? 如何素材小圖做成連續背景?!

((背景系列文章))

【部落格痞客css樣式】 背景系列-1 哪裡改背景圖? 素材小圖做成連續背景?!

部落格痞客css樣式】 背景系列-2 如何固定背景圖不隨捲軸移動

【部落格痞客css樣式】 背景系列-3 如何設定背景圖位置和背景色結合應用

 

 

鹿老師 發表在 痞客邦 留言(14) 人氣()

整個頁面
body/*整個介頁面*/
#body-div/*整個頁面*/
a/*超連結*/
a:hover/*滑鼠移動到超連結上時*/

鹿老師 發表在 痞客邦 留言(6) 人氣()