除了一般的屬性設定和 float 的應用之外,在樣式中也很常用的就是「position」
也就是位置的運用,這個方法在很多地方都很實用。

例如比較厲害的部落客可以選擇喜歡的樣式後對自訂欄位做一些想要的連結後定位到任意位置

themes 發表在 痞客邦 留言(6) 人氣()


雖然後台已經有很多樣式可以選擇了,
但許多網友還是想要在一個現有版型上, 換上自己的圖片,
可是由於不清楚整個版面是如何配置而成的,
以為把CSS中 header 的背景換掉就好...
而往往變成下圖這樣的慘狀

themes 發表在 痞客邦 留言(151) 人氣()


當一個大框架中有許多小物件 (box1、box2、box3、box4)
想要排列整齊並且橫向排列時,現在許多人會選擇用 position 的方式
但每個 box 都要分別去設定絕對位置是很麻煩的事情~
這時候用 float 是不錯的選擇~

themes 發表在 痞客邦 留言(2) 人氣()


CSS是英文的Cascading Style Sheets縮寫,中文叫作串連樣式表,
正因為它的作用是將網頁中的區域串成完整的樣式,
所以我們看到的CSS標籤(如 body, #content, #links...) 都是從html 原始碼中來的喔!

themes 發表在 痞客邦 留言(42) 人氣()




修改上方圖片請找 css 樣式表中的 #headerBody {} 內的 background: url(網址);
在括弧內貼入圖片網址即可~
圖片大小建議: 800 x 250 px

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





痞客模版基本樣式 :: 淺灰白(寬)
主視覺圖片預設為 950 X 350

themes 發表在 痞客邦 留言(15) 人氣()






痞客模版基本樣式 :: 深灰黑(右側欄,主視覺窄)

themes 發表在 痞客邦 留言(2) 人氣()





痞客模版基本樣式 :: 清新綠(左側欄,主視覺寬)
主視覺圖片預設為 900 X 450

themes 發表在 痞客邦 留言(19) 人氣()






痞客模版基本樣式 :: 深褐(右側欄,主視覺寬)
主視覺圖片預設為 850 X 400

themes 發表在 痞客邦 留言(15) 人氣()





痞客模版基本樣式 :: 淺灰白(左側欄,主視覺窄)
主視覺圖片預設為 650 X 350

themes 發表在 痞客邦 留言(9) 人氣()

css 為「Cascading Style Sheets」的縮寫
中文稱為 : 串聯樣式表
應用在網頁中可控制版面的色彩、文字、背景、排版... 等
可使原始檔更為精簡,可縮短讀取時間唷!!

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


themes 發表在 痞客邦 留言(5) 人氣()

1
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。