实验六CSS基础应用（ X页）.doc

《实验六CSS基础应用（ X页）.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、专业教育技术年级13学号1310514005姓名胡巧慧实验时间日期2015-4-23具体时间10-12:30实验地点物理北楼A604实验六、css基础应用一、实验类型验证型实验3学时二、实验目的1.掌握网页屮使用设置CSS的方法2.掌握CSS样式的定义方法3.掌握CSS属性及属性值4.掌握CSS过滤器的设置方法三、实验环境能够连接［ntemet互联网的多媒体计算机及Dreamweaver软件四、实验内容在实验所提供的HTML文件中，设置如下CSS格式1.熟悉CSS样式表在网页中的使用方式在提供的文件素材cssEX,html中，将网页屮的字体大小设置为1.2em

2、,字体为楷体，颜色为黑色。（1）SL接在body标记使用style属性设置（2）在网页内部使用（3）使用外部样式表设置2.理解级联式样式中级联的含义以提供的文件素材cssEX,html为基准（1）在网页内部将,vp＞的样式设置为（font・weight:400;背景色为黄色）（2）在网页内部将＜span＞的样式设置为（font-style:italic;背景色为红色）观察vp＞标记屮文本的显示效果，理解"继承”和"重程啲关系3.设置CSS过滤器以提供的文件索材cssEX,html为基准（1）将无序列表屮的文字显示为手型（cursor:hand）（2）将无序列表

3、屮的J（辖市城市设置有为文木下划线（text-decoration:under!ine）五、实验步骤1.熟悉CSS样式表在网页屮的使用方式在提供的文件索材cssEX,html屮，将网页屮的字体大小设置为1.2em,字体为楷体,颜色为黑色。（1）直接在body标记使用style属性设置0标记使用style属性设置：MS雷•--f/>ft*atggt：;y•古NAkSRs.Rk・Ok饰描海和■宅Cfil•:///1:/1310514005/^^*^・/^A«20CSSJKOIS用/cuBX.hml

4、」i■亠二一CGoogleChrx・认測更U・认河更HTMiMffl我是标题文字仅是城％丈扌.仇乂卩俾记中妁十祎记“”林记屮的丈扌・从外K."•片仗有任阿4斛的地刁31＞他"1＞标记庭KFi的测崑畐申*?析.4“Pis外边ite”尢•lt.f•丄海•AJ*•■庆•向*moEQ-9Xtt!i■1Mflrn3?ltAca>m♦・・■o（2）在网页内部使用如图所示:MM・亠■.■0^•.iA.•II•*•/!•»fil•:///B：A3105H00S/Ktt»H-/共验六XOCSEfiiiSE用/c・《BX・hZ0S我是标題文字良是风零丈寺，札4Lp标记中的子掠记巾

5、狎蒔记中的：t.从外农勺上.戌卄久有低何转钊的地方＜ul＞鬓：。1棚己&不冋的浏上富中解析.自不同的外边距和填丘•北東•上梅•天存•重庆•Wfljt•W93«oxd•9*itA0、CD丸■110VH<^4

6、手型（cursor:hand）（2）将无序列表中的直辖市城市设置有为文木下划线（text・deco「ation:unde「line）（1）和（2）截在一张图上了，假手形和下划线，如图所示：■TW«t>ti(DAA«<«>*>OMAO»WQ輙祕>#丄駅事見■♦”・WFRfmttCMIt<*P«TmMai•-//•Xz/W4mu“•TBWk«?i<»中w

7、gQ•!.:••Ci・d."w>u*k•■上心,；=血；M4HvVS«/

8、U.qa

9、六、实验心得