目前分類:痞客樣式研究院 (12)

瀏覽方式: 標題列表 簡短摘要
除了一般的屬性設定和 float 的應用之外,在樣式中也很常用的就是「position」
也就是位置的運用,這個方法在很多地方都很實用。

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

--

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

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

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

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

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

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

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


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


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


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


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


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


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

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

常常聽會寫 css 的人說「標籤」,到底是什麼意思呢?
標籤,顧名思義,就是為某個區塊貼上屬於他的標籤.
以此標籤寫入 css 樣式後,就可以幫此區塊編輯樣式囉!!

有些標籤是相同的,有些標籤是唯一的,怎麼分辨呢?
開啟網頁原始檔後,常常會出現 :
<div id="links"> 或 <div>
這就代表此 div 區塊已經被貼上屬於它的標籤了

「id」和「class」又有什麼分別呢?
id 代表此網頁中只有唯一一個此標籤,不能有重複
class 代表此網頁中可有數個同樣為此標籤的區塊,可以重複

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

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