




版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
本章簡(jiǎn)介:通過(guò)CSS的樣式定義,可以將網(wǎng)頁(yè)制作得更加絢麗多彩。本章主要對(duì)CSS的技術(shù)應(yīng)用進(jìn)行了講解。通過(guò)這些內(nèi)容的學(xué)習(xí),可以使設(shè)計(jì)者輕松、有效地對(duì)頁(yè)面的整體布局、顏色、字體、鏈接、背景以及同一頁(yè)面的不同部分、不同頁(yè)面的外觀和格式等效果進(jìn)行精確的控制。08CSS樣式課堂學(xué)習(xí)目標(biāo)了解CSS樣式掌握CSS屬性的應(yīng)用方法和技巧熟練運(yùn)用CSS過(guò)濾器8.1CSS樣式概述“CSS樣式”面板
CSS樣式的類型8.1.1“CSS樣式”面板“CSS設(shè)計(jì)器”面板,按Ctrl+Shift+Alt+P組合鍵切換到“CSS樣式”面板?!癈SS樣式”面板由樣式列表和底部的按鈕組成。樣式列表用于查看與當(dāng)前文檔相關(guān)聯(lián)的樣式定義以及樣式的層次結(jié)構(gòu)?!癈SS樣式”面板可以顯示自定義CSS樣式、重定義的HTML標(biāo)簽和CSS選擇器樣式的樣式定義。“CSS樣式”面板8.1.2CSS樣式的類型層疊樣式表是一系列格式規(guī)則,它們控制網(wǎng)頁(yè)各元素的定位和外觀,實(shí)現(xiàn)HTML無(wú)法實(shí)現(xiàn)的效果。1.
HTML標(biāo)簽樣式2.CSS選擇器樣式8.2CSS屬性類型背景區(qū)塊方框邊框列表定位擴(kuò)展過(guò)渡課堂案例—打印機(jī)網(wǎng)頁(yè)8.2.1類型“類型”分類主要是定義網(wǎng)頁(yè)中文字的字體、字號(hào)、顏色等?!邦愋汀边x項(xiàng)面板8.2.2背景 “背景”分類用于在網(wǎng)頁(yè)元素后加入背景圖像或背景顏色?!氨尘啊边x項(xiàng)面板8.2.3區(qū)塊“區(qū)塊”分類用于控制網(wǎng)頁(yè)中塊元素的間距、對(duì)齊方式和文字縮進(jìn)等屬性。塊元素可以是文本、圖像和層等?!皡^(qū)塊”選項(xiàng)面板8.2.4方框CSS將網(wǎng)頁(yè)中所有的塊元素可被看成包含在盒子中,這個(gè)盒子分成4部分?!胺娇颉睂傩耘c“邊框”屬性都是針對(duì)盒子中的各部分的?!胺娇颉边x項(xiàng)面板8.2.5邊框 “邊框”分類主要針對(duì)盒子邊框?!斑吙颉边x項(xiàng)面板8.2.6列表“列表”分類用于設(shè)置項(xiàng)目符號(hào)或編號(hào)的外觀?!傲斜怼边x項(xiàng)面板8.2.7定位“定位”分類用于精確控制網(wǎng)頁(yè)元素的位置,主要針對(duì)層的位置進(jìn)行控制。“定位”選項(xiàng)面板8.2.8擴(kuò)展“擴(kuò)展”分類主要用于控制鼠標(biāo)指針形狀、控制打印時(shí)的分頁(yè)以及為網(wǎng)頁(yè)元素添加濾鏡效果,但它僅支持IE瀏覽器4.0或更高的版本?!皵U(kuò)展”選項(xiàng)面板8.2.9過(guò)渡“過(guò)渡”分類主要用于控制動(dòng)畫屬性的變化,以響應(yīng)觸發(fā)器事件,如懸停、單擊和聚焦等?!斑^(guò)渡”選項(xiàng)面板8.2.10課堂案例—打印機(jī)網(wǎng)頁(yè)
使用“表格”按鈕,插入表格效果;使用“屬性”面板,為文字添加空鏈接;使用“CSS樣式”命令,設(shè)置翻轉(zhuǎn)效果的鏈接。效果圖8.3過(guò)濾器CSS的靜態(tài)過(guò)濾器課堂案例—愛插畫網(wǎng)頁(yè)8.3.1CSS的靜態(tài)過(guò)濾器CSS中有靜態(tài)過(guò)濾器和動(dòng)態(tài)過(guò)濾器兩種過(guò)濾器。靜態(tài)過(guò)濾器使被施加的對(duì)象產(chǎn)生各種靜態(tài)的特殊效果。8.3.2課堂案例—愛插畫網(wǎng)頁(yè)
使用“Alpha濾鏡”命令,把圖像設(shè)定為透透明效果。效果圖課堂練習(xí)—優(yōu)選購(gòu)物網(wǎng)頁(yè)使用“項(xiàng)目列表”按鈕,創(chuàng)建無(wú)序列表;使用“屬性”面板,創(chuàng)建空白鏈接;使用“CSS樣
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 邊緣計(jì)算設(shè)備的多模態(tài)數(shù)據(jù)融合威脅檢測(cè)與防御-洞察及研究
- 華為公關(guān)經(jīng)費(fèi)管理辦法
- 農(nóng)業(yè)項(xiàng)目考核管理辦法
- 辣椒種植新技術(shù)推廣方案指南
- 北京擺攤行為管理辦法
- 公共區(qū)域職場(chǎng)管理辦法
- 酒店員工獎(jiǎng)勵(lì)與處罰制度
- 江蘇技能競(jìng)賽管理辦法
- 互聯(lián)網(wǎng)企業(yè)敏捷組織模式創(chuàng)新研究
- 農(nóng)業(yè)項(xiàng)目投標(biāo)管理辦法
- 《小學(xué)生心理健康教育》試題及答案
- 2024年全球及中國(guó)神經(jīng)康復(fù)外骨骼機(jī)器人行業(yè)頭部企業(yè)市場(chǎng)占有率及排名調(diào)研報(bào)告
- 某鎮(zhèn)“十五五”發(fā)展規(guī)劃編制思路
- 江蘇省連云港市2024-2025學(xué)年高二年級(jí)上冊(cè)期末調(diào)研考試物理試題(選修)解析版
- 免疫初中試題及答案
- 宏觀經(jīng)濟(jì)學(xué) 試題及答案
- GB/T 23454-2025石材臺(tái)面板
- 科研單位科研誠(chéng)信自查報(bào)告及整改措施
- 加工碎石合作協(xié)議書
- 地板拆除合同協(xié)議書
- 2024年河南省方城縣事業(yè)單位公開招聘教師崗筆試題帶答案
評(píng)論
0/150
提交評(píng)論