




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
項(xiàng)目6非遺項(xiàng)目申報(bào)指南頁面信息安全技術(shù)應(yīng)用ApplicationofInformationSecurityTechnology《前端技術(shù)開發(fā)》CSS高級應(yīng)用任務(wù)6.3制作與美化水平導(dǎo)航欄前端技術(shù)開發(fā)任務(wù)引入一非遺項(xiàng)目申報(bào)指南頁面的原型圖制作水平導(dǎo)航欄任務(wù)描述制作與美化水平導(dǎo)航欄1.使用列表創(chuàng)建水平導(dǎo)航欄,在頁面上居中顯示。2.列表項(xiàng)內(nèi)容為超鏈接,并設(shè)置超鏈接樣式。3.文字樣式的設(shè)置。4.列表樣式的設(shè)置。5.鼠標(biāo)懸停時(shí)列表項(xiàng)樣式的設(shè)置。任務(wù)實(shí)施二3124列表項(xiàng)不顯示項(xiàng)目符號,背景樣式的設(shè)置等設(shè)置超鏈接樣式使用列表來創(chuàng)建導(dǎo)航欄,并放置在一個(gè)層中,便于管理列表項(xiàng)設(shè)置浮動(dòng),讓其橫向排列列表樣式超鏈接樣式創(chuàng)建列表列表項(xiàng)橫向排列任務(wù)實(shí)施二水平導(dǎo)航欄HTML代碼<divid="nav"><ul> <li>
<ahref="#"target="_blank">首頁</a> </li>…</ul></div>1.設(shè)置層的大小2.設(shè)置層的背景色層“nav”的CSS代碼#nav{ width:1000px; height:60px; background:#CCC;
margin:0auto;}3.設(shè)置層在頁面上居中顯示階段性網(wǎng)頁效果任務(wù)實(shí)施二1.清除列表默認(rèn)樣式,邊距和填充2.設(shè)置列表項(xiàng)寬度,并使其浮動(dòng)起來導(dǎo)航欄列表的CSS代碼#navul{ width:1000px; height:60px; margin:0px; padding:0px; }3.設(shè)置列表項(xiàng)的行高=列表高度=層高度,最外層父元素的高度#navulli{ float:left; width:200px; line-height:60px;
list-style:none;
text-align:center; background:#990000;} 4.設(shè)置列表項(xiàng)不顯示項(xiàng)目符號,文字居中5.設(shè)置列表項(xiàng)背景色階段性網(wǎng)頁效果任務(wù)實(shí)施二1.設(shè)置超鏈接樣式2.設(shè)置超鏈接懸停狀態(tài)時(shí),背景顏色為黑色。導(dǎo)航欄列表的CSS代碼#navullia{
font-size:20px;
text-decoration:none;
color:#fff;}#navulli:hover{ background:#000;}#navulli{ background:url("../img/bg_6.png");}3.設(shè)置導(dǎo)航欄背景圖片感謝觀看
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 一致行動(dòng)人協(xié)議書范本
- 建房補(bǔ)償合同協(xié)議書范本
- 2025年商品化色漿項(xiàng)目建議書
- 2025年航天器結(jié)構(gòu)系統(tǒng)合作協(xié)議書
- 直播流量分成與藝人經(jīng)紀(jì)服務(wù)合作協(xié)議
- 社區(qū)圖書館社區(qū)文化活動(dòng)策劃與管理委托協(xié)議
- 智能建筑環(huán)境監(jiān)測系統(tǒng)施工、驗(yàn)收與能耗優(yōu)化服務(wù)協(xié)議
- 極限運(yùn)動(dòng)旅游線路開發(fā)與風(fēng)險(xiǎn)管理合同
- 國際水準(zhǔn)儀租賃及海外工程項(xiàng)目預(yù)算控制合同
- 燃?xì)夤艿涝O(shè)施安全檢查與維護(hù)合同
- 最新-臨時(shí)救助申請審核審批表模板
- 《有效溝通》PPT課件-(2)
- 藍(lán)色大氣商務(wù)商業(yè)計(jì)劃書PPT模板
- 青春紅綠燈教學(xué)設(shè)計(jì)中小學(xué)心理健康心理游戲腳本
- 蘇教版二年級(下冊)科學(xué)全冊單元測試卷含期中期末(有答案)
- 《城鎮(zhèn)土地使用稅納稅申報(bào)表》
- 三年級數(shù)學(xué)下冊口算脫式豎式練習(xí)題
- 17025實(shí)驗(yàn)室體系
- 大榆樹溝防洪治理工程初步設(shè)計(jì)報(bào)告
- 8D報(bào)告培訓(xùn)教材(共30頁).ppt
- 屋面及防水工程工程量計(jì)算PPT課件
評論
0/150
提交評論