愛橘貓

隨便亂貼的筆記....

基本聲明：最典型的ＣＳＳ聲明方式。element {property: value}

---

使用STYLE標簽： 將樣式規則寫在標簽之中,寫在網頁的 部份之中。
這種用法的優點就是在於整篇文件的統一性，隻要是有聲明的的元件即會套用該樣式規則。

使用@import引入,在 中。
/**

**/

一般來講，優先權的順序有以下的幾點原則：
網頁設計者的樣式設定 ＞ 使用者的樣式設定 ＞ 瀏覽器的樣式設定
STYLE屬性的樣式設定 ＞ STYLE標簽樣式設定 ＞ 鏈結進來的樣式設定
後面聲明的樣式設定 ＞ 前面的樣式設定

---

HTML原始碼內的標簽排列前後順序符合時，該項聲明便會發生作用了！
元素A(標簽A) 元素B(標簽B) 元素C(標簽C) ... {樣式規則}
要注意的是，前後文挑選者的聲明跟集體聲明很像，但是集體聲明的元素標簽間要用逗號隔開，
而用前後文挑選者聲明時元素標簽間要用空格隔開；而這兩種聲明方式您可以混合使用。
元素A 元素B, 元素C 元素D 元素E, ... {樣式規則}

類別挑選者：讓單一或數個標簽使用同組樣式規則的方法。
類別(class)可以讓不同的元素標簽共同套用同一組樣式性質或相同的元素標簽套 用不同組的樣式性質。

　　.blue { color : BLUE }-->


　　　...
　＜H1 class="blue">...
　　　...
　＜P class="blue">...

　　　...
-->

----------------------------------------

　　P.blue { color : BLUE }
　　P.red { color : RED }



　　　...
　＜P class="blue">...

　　　...
　＜P class="red">...

　　　...

-----------------------------------------
ＩＤ挑選者：與類別挑選者類似，不同的是在『唯一性』。
　
#blue { color : BLUE }


　　　...
　＜P ID="blue">...

　　　...

**/

---

隻要在結構中加入下面的聲明後，則頁面中的連結文字就會依您設定的樣式顯式了！
A:link { 樣式 規則 }
A:active { 樣式規則 }
A:visited { 樣式規則 }
A:hover { 樣式規 則 }
A:link用以設定未參觀連結的樣式規則。A:active用以設定作用中連結的樣式規則。
A:visited用以設定已參觀連結的樣式規則。A:hover用以設定滑鼠移到 連結之上時的樣式規則。

---

background-repeat : repeat-x
repeat 重複背景圖形填滿頁面
repeat-x 水平方向重複背景圖形
repeat-y 垂直方向重複背景圖形
no-repeat 不重複顯示背景圖形
----------------------------------------------
background-image : URL("http://yourweb/path/file_name")
background-attachment : fixed
scroll 背景圖形隨著卷軸卷動
fixed 背景圖形隨著卷軸卷動（浮水印）
background- position : 100% 50%
X% Y% 圖形上X% Y%的點對準元素的X% Y%位置
X Y 將圖形左上角置於元素左上角水平 X垂直 Y之處
center 背景圖形置於中央
left 背景圖形對　左邊
right 背景圖形對　右邊
top 背景圖形對　頂部
bottom 背景圖形對　底部
--------------------------------------------
float : right
left 元素靠左，文字圍繞其右
right 元素靠右，文字圍繞其左
none 以預設的方法顯示
------------------------------------------
font-style : italic
normal 普通字
italic 斜體字
oblique 斜體字

font-weight : bolder
normal 普通字
bold 粗體字
bolder 相對於父元素稍粗
lighter 相對於父元素稍細
100,200,300,
400,500,600,
700,800,900. 數字由小到大代表筆畫由細到粗
normal=400　bold=700
----------------------------------------
text-align : center
center 對　中央
right 對　右邊
left 對　左邊
justify 左右對　

text-decoration : blink
none 普通字
underline 文字加底線
overline 文字加頂線
line-through 文字加刪除線
blink 設定文字閃爍