实验七 css基础应用

实验七 css基础应用

ID:36230998

大小:256.50 KB

页数:7页

时间:2019-05-07

实验七 css基础应用_第1页
实验七 css基础应用_第2页
实验七 css基础应用_第3页
实验七 css基础应用_第4页
实验七 css基础应用_第5页
资源描述:

《实验七 css基础应用》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、河南师范大学《网页制作》实验报告专业年级学号姓名实验时间实验地点实验七、CSS基础一、实验类型验证型实验3学时二、实验目的1.掌握网页中使用设置CSS的方法2.掌握CSS样式的定义方法3.掌握CSS属性及属性值4.掌握CSS过滤器的设置方法三、实验环境能够连接Internet互联网的多媒体计算机及Dreamweaver软件四、实验内容在实验所提供的HTML文件中,设置如下CSS格式1.熟悉CSS样式表在网页中的使用方式在提供的文件素材cssEX,html中,将网页中的字体大小设置为1.2em,字体为楷体,颜色

2、为黑色。(1)直接在body标记使用style属性设置(2)在网页内部使用(3)使用外部样式表设置2.理解级联式样式中级联的含义以提供的文件素材cssEX,html为基准(1)在网页内部将,

的样式设置为(font-weight:400;背景色为黄色)(2)在网页内部将的样式设置为(font-style:italic;背景色为红色)观察

标记中文本的显示效果,理解”继承”和”重叠”的关系3.设置CSS过滤器以提供的文件素材cssEX,html为基准(1)将无序列表中的文字显示为手型(cur

3、sor:hand)(2)将无序列表中的直辖市城市设置有为文本下划线(text-decoration:underline)五、实验步骤一;熟悉CSS样式表在网页中的使用方式1,直接在中使用style格式文本。将网页中的字体大小设置为1.2em,字体为楷体,颜色为黑色。试验结果为:河南师范大学《网页制作》实验报告2,在网页内部使用,试验结果为河南师范大学《网页制作》实验报告3,使用外部样式表设置,试验结果为:建立一个外部文件,且重名名为.css文本格式。输入代码为再在dreamweaver中引入外部文

4、件,试验代码为:试验结果为:河南师范大学《网页制作》实验报告二;理解级联式样式中级联的含义1,在网页内部将,

的样式设置为(font-weight:400;背景色为黄色)试验代码为:试验结果为:2,在网页内部将的样式设置为(font-style:italic;背景色为红色)河南师范大学《网页制作》实验报告试验代码为:试验结果为:3.设置CSS过滤器(1)将无序列表中的文字显示为手型(cursor:hand)河南师范大学《网页制作》实验报告试验结果为(1)将无序列表中的直辖市城市设置有为文本下划

5、线(text-decoration:underline)河南师范大学《网页制作》实验报告试验结果为:六、实验心得理解”继承”和”重叠”的关系继承是字标记会继承父标记的所有样式,并且可以在父标记样式风格的基础上再加以修改,产生新的样式。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。