網(wǎng)頁設(shè)計-css樣式表.doc

內(nèi)蒙古科技大學(xué)信息工程學(xué)院計算機(jī)系網(wǎng)頁設(shè)計與制作實(shí)驗(yàn)報告姓名陳啟佳學(xué)號1376807339班級計算機(jī)13級 3 班實(shí)驗(yàn)日期第11周（星期一 ）11 月9 日第 12 節(jié)項(xiàng)目號、實(shí)驗(yàn)名稱實(shí)驗(yàn)12 CSS樣式表（二）背景、超鏈接、列表樣式實(shí)驗(yàn)要求（任課教師提供）實(shí)驗(yàn)?zāi)繕?biāo)：熟練掌握使用CSS設(shè)置背景樣式 熟練掌握使用CSS設(shè)置超鏈接樣式熟練掌握使用CSS設(shè)置列表樣式實(shí)驗(yàn)所需軟件： Ultra Edit實(shí)驗(yàn)內(nèi)容：1練習(xí)暢銷書排行榜頁面 需求說明v 按照圖1.1 暢銷書排行榜頁面效果圖的標(biāo)注要求制作頁面v 使用無序列表制作暢銷書排行榜頁面v 超鏈接無下劃線，鼠標(biāo)懸浮至超鏈接時顯示下劃線v 要求使用外部樣式表。圖1.1 暢銷書排行榜頁面實(shí)驗(yàn)內(nèi)容（由學(xué)生填寫）css代碼：#mfont:12px;color:#1a66b3;width:280px;background:#f3f4df;.nbackground:#518700 url(./images/bang.gif) 105px 3px no-repeat;font-size:16px;color:#FFF; text-indent:1em;line-height:30px;ullist-style:none;height:28px;line-height:28px; text-indent:2em;.a background-image:url(./images/book_no01.gif);background-repeat:no-repeat;background-position:7px 7px;.bbackground-image:url(./images/book_no02.gif);background-repeat:no-repeat;background-position:7px 7px;.cbackground-image:url(./images/book_no03.gif);background-repeat:no-repeat;background-position:7px 7px;.dbackground-image:url(./images/book_no04.gif);background-repeat:no-repeat;background-position:7px 7px;.ebackground-image:url(./images/book_no05.gif);background-repeat:no-repeat;background-position:7px 7px;.fbackground-image:url(./images/book_no06.gif);background-repeat:no-repeat;background-position:7px 7px;.gbackground-image:url(./images/book_no07.gif);background-repeat:no-repeat;background-position:7px 7px;.hbackground-image:url(./images/book_no08.gif);background-repeat:no-repeat;background-position:7px 7px;.ibackground-image:url(./images/book_no09.gif);background-repeat:no-repeat;background-position:7px 7px;.gbackground-image:url(./images/book_no10.gif);background-repeat:no-repeat;background-position:7px 7px;a font-size:12px;text-decoration:none;color:#1a66b3;a:hover color:#F60;text-decoration:underline;HTML代碼：背景顏色 暢銷書排行 不抱怨的世界(暢. 遇見未知的自己. 活法（季羨林、. 高效能人士的七個習(xí)慣 被迫強(qiáng)大（北外女生香奈兒. 遇見心想事成的自己（遇. 世界上最偉大的推銷員（插. 我的成功可以復(fù)制（唐駿親. 少有人走的路：心智成熟的. 活出全新的自己喚醒. 實(shí)驗(yàn)成績說明：1、每個實(shí)驗(yàn)項(xiàng)目填寫一份實(shí)驗(yàn)報告，電子版命名方式為：學(xué)號姓名項(xiàng)目號.doc。例如：1167111182張三3.doc表示張三做的第3個項(xiàng)目的實(shí)驗(yàn)報告。2、實(shí)驗(yàn)報告電子版應(yīng)該在實(shí)驗(yàn)后一周內(nèi)由學(xué)習(xí)委員收齊后存放在一個文件夾下，文件夾命名方式為：軟件12-1班3，表示軟件12-1班第