這次絕對是基礎的拉... > 口 <
關於找標籤,還有一些簡單的程序ˇ

*什麼叫CSS? 
 
英文稱為→Cascading Style Sheets 縮寫起來就是CSS了..
中文稱為→ 串聯樣式表


*標籤要怎麼找??

請在你的寶貝部落格ˇ
右鍵>檢視原始檔
然後就會跳出一個記事本
(跳不出來請重新整理!F5)

EX:
<div id="content">
寫在CSS裡也就是> #content
<div class="date">
寫在CSS裡也就是> .date

*"id"和"class"的差別
id > 表示在一個網頁裡是獨一無二的ˇ(我的比喻:一個大分類= ˇ =)
class > 表示在一個網頁裡可能有很多個同樣的標籤(我的比喻:大分類中的小分類= ˇ =)


*接著

就開始內容的設計拉!

#XXXXX{內容自行設計}
.XXXXX{內容自行設計}

內容設計?
歡迎往前幾篇或以後的後幾篇的CSS教學查閱ˇ
或者網站 >> OECSPACE (good!)

大概是這個樣子ˇ

EX:(順便延伸剛剛的標籤)

#content{
background: none;
overflow-x:hidden;
width: 500px;
padding-top:50px; overflow: auto;height: 450px;
position: absolute; left: 50px; top: 100px;
}
.date{
background: url('http://XXX.XXX.XXX.gif') no-repeat left;text-align:left;width:100px;heigh:20px;padding-left:15px;    
margin-left:10px;
}


*廢話篇之注意事項

雖然只是廢話但也很重要的ˇ

不要直接在CSS裡面打上中文或是符號,
就算是不小心打上一個 / 都是會影響很大低..= 口 =

所以您如果要加文字說明請像這樣子:
/*文字說明*/
EX:
/*你好你好這兒這兒*/



今天就說到這兒,
灑攸哪喇!

= ˇ =(發瘋中..XD進入想像世界)


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