[筆記][Css]個人獨特自訂語法，就是要不一樣！

網

頁語法幾乎能說是製作網站的根源，沒有這些語法怎麼能出現網站呢？也許有人會問，這跟自訂語法有什麼關聯？網頁語法在形式上應該是固定的，比如說＜p＞＜/p＞，這是內建語法之一，就簡單來說，目前看到的網頁語法(除了Javascript和Flash這類語法不要算)是不是就那些語法(指多類網站的原始碼相比)？現在就除了內建語法外，還能製作出您個人的語法，而接下來就用一些CSS範例，讓您更快瞭解自訂語法吧！


注意：只能使用英文、數字和「-」、「_」(感謝風痕影提醒碳碳底線)表示，且不能只用「-」「_」或(與)數字、也不可「-」「_」和數字為開頭
■碳碳講解時間
《命名》 (本講解過長，若已明白命名規則請到"■正式燒碳飯粒...是範例"，以下範例中的＜＞要為半型才能輸出正確)在Css規則中，就是只能英文(建議小寫，雖然不知大小寫的問題如何)數字和「-」「_」，不能用中文等等表示(如果真的能用出效果的話，請告訴碳碳)除了自訂語法外，其實像是class「.」和id「#」都是能命名的，比如說class

class="xd0107"

若依附在像是超連結

＜a class="xd0107"＞＜/a＞

在Css語法上為

a.xd0107 {

}

id的部分就變成

＜a id="xd0107"＞＜/a＞

CSS語法

a#xd0107 {

}

自訂語法的部分就以碳碳的「xd0107」來命名(您自己命名)，Css語法就是

xd0107 {

}

則您要呈現這效果，就需打上

＜xd0107＞＜/xd0107＞

■正式燒碳飯粒...是範例
《範例1》 字型顏色要變成藍色

xd0107 {
color:blue;
}

blue可換成色碼(#000000~#FFFFFF)
《範例2》 文字大小，變成24px大小

xd0107 {
font-size:24px;
}

24px可改成其他數值
《結語》 這範例會介紹不完，有興趣可參考CSS語法教學樣式，基本上只要瞭解原理，樣式就請各位自行研究