首頁
1.認識CSS標籤 名稱(適用Xuite) , 2.隱藏 LOGO , 3.隱藏心情圖示 ,
4.隱藏 加入最愛 圖示 , 5.改變 日誌名稱 大小顏色 , 6.自定捲軸語法 , 7.選單列 往下移動 , 8.CSS基礎認識 ,9.設定欄位的外框樣式 , 10.更換 檔頭背景圖片 , 11.版面全透明和半透明 ,
12.隱藏 移動 more圖示 , 13.更改 繼續閱讀 顏色 , 14.更換 好文轉寄列 圖示 ,
16.改變 滑鼠游標 樣式(CSS語法) , 17.固定背景圖片及位置 , 18.文章標題列 放底圖 ,
19.更換 欄位標題 小圖示 , 20.更改 連結顯示 樣式 , 21.HTML 基礎語法 ,
22.基本HTML語法教學
01.何謂Html02.基本架構03.常用標籤04.字體大小05.字的變化項目格式07.走馬燈08.超連結09.貼圖標籤10.圖片連結11.表格運用12.插入音樂13.body設定14.分割視窗15.製作表單網頁常用語法
24.基本連結語法 , 25.自訂欄位貼上語法 ?, 26.CSS留言回覆邊框放圖片 ?,
27.在Xuite日誌描述下方貼圖 ?, 28.IE標題列跑馬燈語法 , 29.隱藏 評分欄 & 標籤 & 瀏覽方式
30.隱藏改變 服務切換按鈕 ,
#########################################################
首頁
1.認識CSS標籤 名稱(適用Xuite)
1.認識CSS標籤 名稱(適用Xuite)
/* CSS Document */
/*主體*/
html{ 屬性↓ 捲軸顏色↓ 《捲軸顏色生成器》
scrollbar-face-color:#EDF8FA; ←拉頁框主顏色
scrollbar-highlight-color:#A7DCEA; ←拉頁內框亮面
scrollbar-shadow-color:#A7DCEA; ←拉頁內框暗面
scrollbar-3Dlight-color:#EDF8FA; ←拉頁框立體亮面色
scrollbar-arrow-color:#A7DCEA; ←拉頁框箭頭色
scroll-track-color:#EDF8FA; ←拉頁框背景色
scroll-darkshadow-color:#EDF8FA; ←拉頁框立體暗面色
/*scrollbar-Base-Color:*/ ←拉頁框基底顏色
}
body{
margin:0px 0px 0px 0px; ←四周邊界距離 (上、右、下、左)
text-align: center; ←文字顯示置:左,中,右 基底背景圖↓(/*←不執行→*/)
/* background-image:url(/_image/skin/background/50/blogBg_1.jpg); */
background-attachment:fixed; ←背景圖不捲動 scroll←背景圖捲動
background-repeat:repeat; ←橫 直 重複排列(填滿) no-repeat←不重複排列
background-color:#FFFFFF; ←背景顏色
}
/*連結*/
A {
color: #00306B; ←文字顏色
text-decoration: none; ←(連結無底線)
}
A:link {
color:#004C99; ←連結的文字顏色
text-decoration: none; ←(連結無底線)
}
A:visited {
color: #00306B; ←瀏覽過的連結文字顏色
text-decoration: none; ←(連結無底線)
}
A:active {
color: #00479F; ←使用中的連結文字顏色
text-decoration: none; ←(連結無底線)
}
A:hover {
color: #00479F; ←滑鼠畫過的連結文字顏色
text-decoration: none; ←(連結無底線)
}
1.認識CSS標籤 名稱(適用Xuite)
/*定位框*/
#container {
position:relative; ←相對原本的位置
text-align: left; /*width:100%;*/ ←文字顯示置:左,中,右 總體頁面 寬度↓
behavior:expression( this.style.width = (document.documentElement.offsetWidth<970)?"970px":"100%");