css樣式的創(chuàng)建和運(yùn)用方法講義-展示頁
2025-03-14 01:27本頁面
【正文】 X控件 ?插入媒體方法 ? 選擇“插入 /媒體”菜單命令 ? 或 (選擇“常用”工具欄上“媒體”按鈕 ) 33 在網(wǎng)頁中插入 FLASH動畫 ? Flash動畫是網(wǎng)頁上最流行的動畫格式。 ?創(chuàng)建圖像地圖，可以在圖像上創(chuàng)建不規(guī)則區(qū)域的鏈接或某個部分區(qū)域的鏈接。 ?在 Dreamweaver CS4中，可以將文檔中的任何文字及任意位置的圖片設(shè)置為超鏈接。 ?編輯 CSS樣式規(guī)則方法 ? 在 “屬性 ”面板中進(jìn)行修改 ? 在“ CSS樣式”面板中進(jìn)行修改 11 示例 1_CSS規(guī)則定義與應(yīng)用 ?打開 “ ”網(wǎng)頁 ? 在網(wǎng)頁頂端插入 1行 4列表格，表格寬 450像素，邊框?yàn)?0，居中對齊 ? 在表格中插入圖片 (圖片在 SC2文件夾中 )，圖片居中對齊 ? 創(chuàng)建 CSS規(guī)則“ .ys1”(邊框 ) ? 樣式： groove；寬度： medium；顏色： ccffcc ? 將該 CSS規(guī)則運(yùn)用到表格中的圖片上 ? 創(chuàng)建 CSS規(guī)則“ .ys2”(類型 ) ? 字體：華文新魏；大?。?36像素；粗體；顏色： 003300；居中對齊 ? 將該 CSS規(guī)則運(yùn)用到正文標(biāo)題上 ? 創(chuàng)建 CSS規(guī)則“ .ys3”(列表 ) ? 項(xiàng)目符號圖像： (SC2文件夾中 )；位置：外 ? 將該 CSS規(guī)則運(yùn)用到“成員行為”中編號上 12 示例 1_樣張 13 超鏈接的基礎(chǔ)知識 ?超鏈接是網(wǎng)頁中最重要的組成部分。 6 新建 CSS樣式方法 ?通過 CSS樣式面板 ? 點(diǎn)擊“新建 CSS規(guī)則”按鈕，打開“新建 CSS規(guī)則”對話框 ?通過屬性面板 ? 點(diǎn)擊“ CSS”按鈕，“目標(biāo)規(guī)則”選擇“新CSS規(guī)則”，點(diǎn)擊“編輯規(guī)則”按鈕 ?選擇“格式 /CSS樣式 /新建”菜單命令 7 新建 CSS規(guī)則 ?設(shè)置選擇器類型 ?選擇器名稱 (以點(diǎn)開始 ) ?規(guī)則定義范圍 8 CSS規(guī)則定義 ? CSS規(guī)則分類 ? 類型：主要用于設(shè)置文字格式 ? 背景：主要用于設(shè)置文字、表格等背景 ? 方框：主要用于設(shè)置圖形、表格等大小 ? 邊框：主要用于設(shè)置表格邊框 ? 列表：主要用于設(shè)置項(xiàng)目符號 ? 定位：確定對象位置 ? 擴(kuò)展：主要用于設(shè)置特殊光標(biāo) 9 應(yīng)用 CSS樣式規(guī)則 ?新建 CSS規(guī)則樣式后，就可以利用該樣式快速設(shè)置頁面上的網(wǎng)頁元素樣式，使網(wǎng)站具有統(tǒng)一的風(fēng)格了。 ? CSS樣式表是對 HTML語法的一次革新，它位于文檔的head區(qū)，作用范圍由 CLASS或其他任何符合 CSS規(guī)范的文本來設(shè)置。 5 CSS樣式的功能 ? CSS是用來控制一個網(wǎng)頁文檔中的某文本區(qū)域外觀的一組格式屬性。 ?要管
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1