除了一般的屬性設定和 float 的應用之外,在樣式中也很常用的就是「position」
也就是位置的運用,這個方法在很多地方都很實用。
例如比較厲害的部落客可以選擇喜歡的樣式後對自訂欄位做一些想要的連結後定位到任意位置
--
目前分類:痞客樣式研究院 (12)
- Jun 04 Fri 2010 14:08
[教學] position 位置應用
- Apr 29 Thu 2010 14:26
[教學] 如何更換樣式版頭
雖然後台已經有很多樣式可以選擇了,
但許多網友還是想要在一個現有版型上, 換上自己的圖片,
可是由於不清楚整個版面是如何配置而成的,
以為把CSS中 header 的背景換掉就好...
而往往變成下圖這樣的慘狀
- Apr 28 Wed 2010 18:12
[教學] 善用float浮動屬性
當一個大框架中有許多小物件 (box1、box2、box3、box4)
想要排列整齊並且橫向排列時,現在許多人會選擇用 position 的方式
但每個 box 都要分別去設定絕對位置是很麻煩的事情~
這時候用 float 是不錯的選擇~
- Apr 21 Wed 2010 10:06
[教學] html 與 css 基本概念
CSS是英文的Cascading Style Sheets縮寫,中文叫作串連樣式表,
正因為它的作用是將網頁中的區域串成完整的樣式,
所以我們看到的CSS標籤(如 body, #content, #links...) 都是從html 原始碼中來的喔!
- Mar 03 Wed 2010 16:55
[相簿] 體育固定樣式
- Mar 03 Wed 2010 16:51
[部落格]痞客模版基本樣式 :: 淺灰白(寬)
- Mar 03 Wed 2010 16:50
[部落格]痞客模版基本樣式 :: 深灰黑(右側欄,主視覺窄)
- Mar 03 Wed 2010 16:49
[部落格]痞客模版基本樣式 :: 清新綠(左側欄,主視覺寬)
- Mar 03 Wed 2010 16:48
[部落格]痞客模版基本樣式 :: 深褐(右側欄,主視覺寬)
- Mar 03 Wed 2010 16:41
[部落格]痞客模版基本樣式 :: 淺灰白(左側欄,主視覺窄)
- Mar 03 Wed 2010 16:37
什麼是CSS
css 為「Cascading Style Sheets」的縮寫
中文稱為 : 串聯樣式表
應用在網頁中可控制版面的色彩、文字、背景、排版... 等
可使原始檔更為精簡,可縮短讀取時間唷!!
常常聽會寫 css 的人說「標籤」,到底是什麼意思呢?
標籤,顧名思義,就是為某個區塊貼上屬於他的標籤.
以此標籤寫入 css 樣式後,就可以幫此區塊編輯樣式囉!!
有些標籤是相同的,有些標籤是唯一的,怎麼分辨呢?
開啟網頁原始檔後,常常會出現 :
<div id="links"> 或 <div>
這就代表此 div 區塊已經被貼上屬於它的標籤了
「id」和「class」又有什麼分別呢?
id 代表此網頁中只有唯一一個此標籤,不能有重複
class 代表此網頁中可有數個同樣為此標籤的區塊,可以重複
- Mar 03 Wed 2010 15:15
[部落格]痞客邦部落格HTML架構表