陳小菁

恩....我真的很閒
我又重新抓痞克的CSS標籤了
其實跟之前分享的沒有什麼不同
只是之前的連結失連了
(不過我電腦裡面有存檔就是了)
哀唷~
反正抓了就抓了
無所謂啦
這次我還花了不少時間做了對照圖

我已經很盡力的把每個能標的都往圖上貼了
只是還是有一些些沒有標到
大家可以多多利用 border: 1px solid 色碼 這個標籤
順便附上我常用的語法網站

			網頁之翼 (以前很常去 現在比較少了)
			凱哥keigo css教學 (非常常去 因為我總是沒辦法把標籤背起來)
			web色見本 (常去 幾乎所有顏色都在這裡找的)
			紫貝殼 (web色見本連結失效或是找不到適合的顏色會去的地方

以下這個是我抓到的css標籤
滑鼠移到上方會自動反白 ctrl+c複製即可
#myprofile{ }/*整個名片*/ #container{}/*整個名片*/ #pageHeader{}/*上面的那些*/ #navbar{}/*招呼語*/ .homeLink{}/*不知道用來幹嘛的*/ .navBarLink{ }/*招呼語*/ .separator{}/*中間的│*/ #profileTitle{}/*標題1*/ #userName{}/*標題2*/ #userLinks{}/*4個連結*/ .userAlbum{}/*相簿*/ .userBlog{}/*部落格*/ .userGbook{}/*留言版*/ .userProfile{}/*名片*/ #pageBody{}/*橫幅&4連結以下*/ #bodyHeader{}/*不知幹嘛的*/ #bodyContent{}/*橫幅&4連結以下*/ #userBox{}/*使用者圖像區*/ #valign{} #userPhoto img{}/*使用者照片*/ IMG#userAdd{}/*申請加入好友*/ #userAdd span{}/*申請加入好友的字*/ #dataBox{}/*使用者圖像以下*/ #dataTabs{}/* 關於我 自我介紹 我的好友 我的小圈圈 */ #j_contentAbout{}/*關於我*/ #j_contentDesc{}/*自我介紹*/ #j_contentFriends{}/*我的好友*/ #j_contentClubs{}/*我的小圈圈*/ .spacer{}/*每個區域的最下方*/ #dataContent{ }/*4個區域*/ /*--------------------------*/ #contentAbout {}/*關於我*/ #contentAbout table{}/*關於我儲存格*/ #contentAbout th{}/*左邊的標題*/ #contentAbout td{}/*右邊的內容*/ /*--------------------------*/ #contentDesc{}/*自我介紹*/ #contentDesc table{}/*儲存格*/ .formTitle {}/*自我介紹的標題*/ #contentDesc .titleDesc {} /*自我介紹*/ #contentDesc .titleInterest{} /*我的興趣*/ #contentDesc .titleFavorite{} /*我的最愛*/ #contentDesc .titleHate{} /*我的最恨*/ #contentDesc .titleFear{} /*我的最怕*/ .formData{}/*內容*/ /*-----------------我的好友&小圈圈綜合區---------*/ .commonBox{}/*每一個內容*/ .commonIcon{}/*圖像區*/ .commonIcon img{}/*圖像*/ .commonLink{}/*名稱*/ .menu{}/*連結區*/ .funcLink{}/*各連結*/ .pageSelector{}/*頁數*/ .pageNow{} /*當前頁數*/ .pagePrev{} /*上一頁*/ .pageNext{} /*下一頁*/ /*--------------------------*/ #contentFriends{}/*我的好友*/ #friendList{}/*我的好友不包含頁數*/ .friendBox {}/*每一個好友所有內容*/ .friendIcon{}/*圖像區*/ .friendIcon img{}/*圖像*/ .friendLink {}/*朋友ID*/ #contentFriends .menu{}/*連結區*/ #contentFriends .funcLink{}/*各連結*/ #navButtons{ }/*頁數*/ /*--------------------------*/ #contentClubs{}/*小圈圈*/ #clubList{}/*小圈圈不包含頁數*/ .clubBox {}/**/ .clubIcon{}/*圖像區*/ .clubIcon img{}/*圖像*/ .clubLink {}/*小圈圈名稱*/ #contentClubs .menu{}/*連結區*/ #contentClubs .funcLink{}/*各連結*/ .clubGrade{}/*職位*/ #navCButtons{}/*頁數*/ /*--------------------------*/ #bodyFooter{}/**/ #pageFooter{}/*下面所有內容*/ #footernav{}/* 免費註冊 . 服務中心 . 痞客邦首頁 */ .footernav-reg{} /*免費註冊*/ .footernav-forum{} /*服務中心*/ .footernav-home{} /*痞客邦首頁*/ .footernav-sep{} /*三個連結中間的黑點*/ #copyright{}/*版權宣告*/ .footertxt{}/*個內容*/

這邊是我弄的圖片 說實在的 很不精緻啦

大致上...就...這樣吧