html页面元素ccs文字对中,CCS及HTML语法.doc

首頁

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%");