這個空間致力於教授CSS。只是從無到有,壹點點學會。/s . PHP);背景-位置:中心居中;空白:pre背景-重復:不重復;} #comm_info div.line /*分割線*/{ line-height:50px;背景-圖片:url(t /*文章內容*/{ color:# 333333;行高:20pxfont-size:14px } # m _ blogdiv。更多{ margin:14px 016px 0 } # m _ blogdiv。morea/*閱讀全文鏈接*/{ color:# 3399 cc;Font-size: 14px} # m _博客div。莫拉:訪問了{color: # 3399cc} # m _ blog div。opt/*文章操作區(如編輯評論)*/{ color:# 66666;font-size:12px } # m _ blogdiv . opt a/*文章操作鏈接*/{ color:# 3399 cc;font-size:12px } # m _ blogdiv . opt a:參觀過{ color:# 3399 cc } # m _ blogdiv.line/*分割線*/{ margin-top:auto;行高:20pxBackground-image: url(t /*評論摘要(鏈接)*/{ color:# 333333;font-size:12px;text-decoration:none } # m _ comment div . item a . CNT:已訪問{ color:# 333333;text-decoration:none } # m _ comment div . item a . CNT:hover { color:# 333333;正文-修飾:下劃線} # m _ commentdiv.line/*分割線*/{ line-height:50px;背景-圖片:URL(/webgif 01/l _ yo 13 . gif);邊距:自動;邊框-頂部-寬度:0px邊框-右邊-寬度:0px邊框-底部-寬度:0px邊框-左側-寬度:0px邊框頂部樣式:無;border-right-style:無;邊框-底部樣式:無;border-left-style:無;}/*相冊列表*/# m _ album list div . note { color:# 333333;font-size:14px } # m _ Album listdiv.desc/*簡介*/{ margin-bottom:12px;填充:3px 10px 3px 10px;行高:22px背景色:# F2F2F2font-size:14px } # m _ Album list div。None/*沒有照片提示信息*/{ Padding:100 px0 100 px0;顏色:# 333333;font-size:14px } # m _ Album listdiv.line/*分割線*/{ margin-top:10px;行高:50pxborder-top:1px solid # d2e 9 f 4;background-image:URL(/webgif 01/l _ gree . gif);} #m_albumlist div.tit /*照片標題*/{ margin:6px 0 7px 0;顏色:# 333333;font-size:14px } # m _ Album listdiv.tita/*照片標題鏈接*/{ color:# 3399 cc;font-size:14px } # m _ Album list div。tita:已訪問{ color:# 3399 cc } # m _ Album list span。count/*照片數量*/{ color:# 666666;font-size:12px;font-weight:bold } # m _ Album listspan.size/*照片尺寸*/{ color:# 999999;font-size:12px;Font-family: arial} # m _ Album列表a.act/*運營區鏈接(如編輯刪除)*/{ color:# 3399 cc;font-size:12px } # m _ Album list a . act:到訪過的{ color:# 3399 cc } # m _ Album list a.page/*頁碼鏈接*/{ color:# 0000 cc;font-size:14px } # m _ album list a . page:已訪問{ color:# 0000 cc } # m _ album list TD . image { padding:5px;邊框:1px固體# 999999;背景:#FFFFFF} /*好友列表*/# m _ frienddiv . filter { margin-bottom:10px;左填充:10px;padding-top:10px;高度:27pxline-height:27px } # m _ friend div . catalog { margin-bottom:10px;左填充:10px;高度:27px行高:27px背景色:# F2F2F2font-size:14px } # m _ friend div . user { margin-top:4px;顏色:# 333333;font-size:12px } # m _ frienddiv.usera/*好友姓名(鏈接)*/{ color:# 3399 cc;font-size:12px } # m _ frienddiv。用戶a:訪問過{color: # 3399cc} # m _ frienddiv。line/*分割線*/{ line-height:50px;border-top:1px solid # d2e 9 f 4;背景-圖片:URL(/webgif 01/l _ x 01 . gif);邊距:自動;}/*設置訪問統計和模板設置*/# m _ setting a/* Link */{ color:# 3399 cc } # m _ setting a:visited { color:# 3399 cc } # m _ setting/* Body */{ line-height:22px;顏色:# 333333;font-size:14px } # m _ settingimg.sel/*模板預覽(選中狀態)*/{ border:4px solid # ffdb7b } # m _ settingimg.unsel/*模板預覽(未選中狀態)*/{border: 65438+。dd2d 2 } # m _ settingspan.tit/*模板標題名*/{ font-size:14px } # m _ settingspan.usr/*作者名*/{ color:# 66666 } # m _ settingsdiv.sel/*“當前模板”文本。font-size:14px;font-weight:bold } # m _ settingdiv.line/*分割線*/{ margin-top:20px;行高:16px;border-top:1px solid # d2e 9f 4 }/*系統公告*/ #m_sysinfo a /*鏈接*/{color: # 3399cc} # m _ sysinfo a:已訪問{ color:# 3399 cc } # m _ sysinfo/* Body *。顏色:# 333333;font-size:14px } # m _ sysinfospan.new/*最新*/{ color:# ff 0000;font-size:10px;font-family:arial } # m _ sysinfospan.date/*發布日期*/{ color:# 666666;Font-size:14px} /*基本選項*/# m _ set base/* Body */{ color:# 333333;font-size:14px } # m _ set base TD { color:# 333333;font-size:14px } # m _ setbasediv.line/*分割線*/{ margin-top:5px;行高:8pxborder-top:1px solid # d2e 9f 4 }/*用戶評論*/# in _ comment/* Subject */{ width:710px } # in _ commentdiv.tit/* mark */{ margin-bottom:65438+。顏色:# 333333;font-size:14px;font-weight:bold } # in _ commentdiv.user/*發布名稱*/{ margin-bottom:6px;顏色:# 333333;font-size:12px } # in _ commentdiv.usera/*發布名稱(鏈接)*/{ color:# 3399 cc;font-size:12px } # in _ comment div . usera:已訪問{ color:# 3399 cc } # in _ commentdiv.userspan.date/*發布日期*/{ color:# 66666;font-size:12px } # in _ comment div。desc/*評論內容*/{ color:# 333333;font-size:12px } # in _ comment div。line/*分割線*/{ line-height:50px;背景-圖片:URL(/non-CGI/usr/27/27 _ 4200 _ 634 . gif);邊距:自動;邊框-頂部-寬度:0px邊框-右邊-寬度:0px邊框-底部-寬度:0px邊框-左側-寬度:0px邊框頂部樣式:無;border-right-style:無;邊框-底部樣式:無;border-left-style:無;} #in_send div.tit /*評論(標題)*/{ margin:10px 0 10px 0;顏色:# 333333;font-size:14px;font-weight:bold } # m _ blog { scroll bar-FACE-COLOR:# 00aa 00;滾動條-突出顯示-顏色:# 009900;滾動條-陰影-顏色:# 009900;滾動條-3d light-COLOR:# 009900;滾動條-箭頭-顏色:# ffffff滾動條-軌道-顏色:# 009900;滾動條-深色陰影-顏色:# 009900;光標:S-Resize;溢出-y:自動;身高:1000 px;濾鏡:色度(color = # 009900);}/*文章列表滾動條*/# m _ pro { scroll bar-face-color:# 00aa 00;滾動條-突出顯示-顏色:# 009900;滾動條-陰影-顏色:# 009900;滾動條-3d light-COLOR:# 009900;滾動條-箭頭-顏色:# ffffff滾動條-軌道-顏色:# 009900;滾動條-深色陰影-顏色:# 009900;光標:S-Resize;溢出-y:自動;高度:300px濾鏡:色度(color = # 009900);}/*個人文件的滾動條*/# m _ links { Scroll bar-face-color:# 00aa 00;滾動條-突出顯示-顏色:# 009900;滾動條-陰影-顏色:# 009900;滾動條-3d light-COLOR:# 009900;滾動條-箭頭-顏色:# ffffff滾動條-軌道-顏色:# 009900;滾動條-深色陰影-顏色:# 009900;光標:S-Resize;溢出-y:自動;高度:300px濾鏡:色度(color = # 009900);}/*友情鏈接的滾動條*/# m _ art clg { Scroll bar-face-color:# 00aa 00;滾動條-突出顯示-顏色:# 009900;滾動條-陰影-顏色:# 009900;滾動條-3d light-COLOR:# 009900;滾動條-箭頭-顏色:# ffffff滾動條-軌道-顏色:# 009900;滾動條-深色陰影-顏色:# 009900;光標:S-Resize;溢出-y:自動;高度:300px濾鏡:色度(color = # 009900);}/*文章分類滾動條*/# m _ comment { scroll bar-face-color:# 00aa 00;滾動條-突出顯示-顏色:# 009900;滾動條-陰影-顏色:# 009900;滾動條-3d light-COLOR:# 009900;滾動條-箭頭-顏色:# ffffff滾動條-軌道-顏色:# 009900;滾動條-深色陰影-顏色:# 009900;溢出-y:自動;高度:300px光標:S-Resize;濾鏡:色度(color = # 009900);}/*最新評論的滾動條*/# header div . tit {背景:URL(" JavaScript:document . body . onload = function(){ if(document . getelementbyid(" m _ links ")){ var m _ links = document . getelementbyid(" m _ links ")。m _ links . innerhtml = " "+m _ links . innerhtml+" ";} }");}/*沒錯,是友情鏈接代碼㊣〓*/也有很多專門做百度css的網站,甚至有人在自己的百度空間上專門設立了介紹百度css的專欄,認為他們根本就是為了騙點擊率!本來css就沒有什麽技術含量。還有什麽是他們換壹個不同的背景,換壹個不同的選手,換壹個自己的小旗幟,讓壹個小問題寫成壹個長篇大論,顯得那麽深刻,不僅讓人難以理解,還浪費了很多無知少年的時間,壹無所獲!壹點技術含量都沒有!他還說,大家要尊重知識產權,註明出處。我覺得這很可笑。說到知識產權,css的創始人有,妳們剩下的都是偷!css作為壹門技術,懂了就是自己的。其實百度上的css可以改變以下幾點:1。背景,幾乎所有以#開頭的代碼段(如#header div.tit)都可以添加背景圖片;2.顏色和字體可以隨意修改。我來說說顏色的數字的含義,比如#000000 #。代表紅、綠、藍三種顏色的量都是十六進制的。數字越大,顏色越深。在#ffffff時,最大值是三種最深的紅、綠、藍光組合起來代表白色。諸如此類。這本書不需要任何顏色表!三是改變滾動條,只能改變顏色。沒什麽好說的。第四是鼠標的風格。讓我們搜索網站,找到壹個連接地址。就加吧,壹個{ cursor:URL('/Inc/mouse 026 . ani ');} a:hover{position:相對;左:1px;top:1px;clip:rect();}輸入,textarea { CURSOR:URL('/Inc/mouse 022 . ani ');}這是其中壹段代碼,放在css的某個地方就行了。更改連接地址會有不同的效果。當然,如果妳想有自己的特色,妳可以自己做壹個,然後上傳到自己的空間(前提是妳自己有),然後連接。還有壹點就是玩家是透明的。我不是很提倡。讓讀者定義他們是否想聽這些東西。目前大概就這些了。當然,如果百度開發的代碼更多,那就另當別論了。有新特效的時候會更新。上面的評論已經足夠詳細了。妳應該可以通過閱讀評論來漂亮地修改妳的空間。有壹些細節,只要註意就好,比如顏色,長,寬,高,慢慢調整,讓它們看起來更和諧。
上一篇:坪山在全市首創房地產“三全”監管體系下一篇:jk制服是山正是什麽?如何分辨山正?