[筆記][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語法教學樣式,基本上只要瞭解原理,樣式就請各位自行研究

2 個迴響:

風痕影 提到... 回覆此篇留言

補充一下:其實除了橫槓,還可以用底線喔!

碳碳 提到... 回覆此篇留言

@風痕影
感謝風葛葛的提醒,平時沒有用底線,所以不會知道有這個可用,現在學到了一招了>///<
補上風葛葛的大名xD

張貼留言

留言須知:
1.請勿留下有關情色和垃圾回應。
2.即使不留言,若是好文,請幫忙按下推文,感恩^^。
3.請勿攻擊、譭謗他人,碳碳保有刪除和保留的權利。
4.文章內容用詞若有不妥之處,請指點一下!^^