Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「[1001]XOOPS網站門面專業設計」目錄
MarkDown
6-1 上課練習
1. 認識HTML、CSS
2. HTML基礎
3. 表格、圖片與版型
4. 連結、列表與組圖
4-1 上課範例
5. 認識HTML5
5-1 上課範例
6. 套用CSS
6-1 上課練習
7. CSS於區塊的應用
7-1 上課範例：index4.html
7-2 上課範例：style2.css
8. 表格、清單、超連結
8-1 上課範例：index4.html
8-2 上課範例：style2.css
9. CSS的位置控制
9-1 上課範例：index4.html
9-2 上課範例：style2.css
10-1 上課範例：index.html
10-2 上課範例：style.css
11. XOOPS佈景
11-1 需改造網站
12. 將網頁轉為樣板
12-1 上課範例：theme.html
12-2 上課範例：style.css
13. 整修、測試佈景
13-1 block.html
13-2 block_center.html
13-3 style.css
14. 線上修改樣板
14-1 上課範例：theme.html
14-2 上課範例：block_right.html
14-3 上課範例：style.css
14-4 上課範例：block.html
15. 實用CSS技巧
16. 樣板整合
16-1 上課範例：theme.html
16-2 上課範例：style.css
16-3 上課範例：block_right.html
16-4 上課範例：loginhtml
17. XOOPS佈景速成
18. 認識CSS Sprites
18-1 範例一：左半的圖
18-2 範例二：右半邊的圖
18-3 範例三：滑鼠移過切換（IE6相容版）
18-4 範例四：框出裡面的選項
18-5 範例五：完整版
7-1 上課範例：index4.html
\[1001\]XOOPS網站門面專業設計 ===================== [](http://www.tad0616.net/uploads/tad_book3/file/1001/07.zip) **一、區塊常用設定（區塊泛指<div><p>等標籤）** 1. 尺寸：width:寬度px; height:高度px; （亦可用 80% 這樣的呈現方式） 2. 邊框：border: 1px solid #FF0000; （粗細 框線類型 顏色） 3. 外邊界：margin: 10px auto 20px auto（上 右 下 左）←就是順時針 4. 內間距：padding: 5px; 5. 內容文字：font-size: 12px; line-height:150%; text-align: justify; **二、top（上）、right（右）、bottom（下）、left（左）** 1. 凡是有上右下左的屬性，都可以分開寫。例如 border、margin、padding等屬性。 2. margin-top:10px; padding-bottom:15px; **三、背景** 1. 背景顏色background-color: white; (比背景圖更底層) 2. 背景圖background-image:url(圖檔位置) 3. 重複方式background-repeat: repeat( 重複 ) , repeat-x(水平重複), repeat-y(垂直重複), no-repeat(不重複) 4. 背景附著background-attachment: scroll( 捲 動 ) , fixed(固定), inherit(繼承) 5. 背景位置background-position: 水平(left, center ,right) 垂直(top, center,bottom) 或 x% y% 或 x位置 y 位置 6. 集合型寫法background: 顏色 底圖 重複 附著 位置; ，如：background:
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
119
人線上 (
72
人在瀏覽
線上書籍
)
會員: 0
訪客: 119
更多…
6-1 上課練習
