实验七 css基础应用

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

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

2、yle属性设置（2）在网页内部使用（3）使用外部样式表设置2.理解级联式样式中级联的含义以提供的文件素材cssEX,html为基准（1）在网页内部将,

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

标记中文本的显示效果，理解”继承”和”重叠”的关系3.设置CSS过滤器以提供的文件素材cssEX,html为基准（1）将无序列表中的文字显示为手型（cursor:hand）（2）将无序列表中的直辖市城市设置有为文本下划线（text-d

3、ecoration:underline）五、实验步骤一；熟悉CSS样式表在网页中的使用方式1，直接在中使用style格式文本。将网页中的字体大小设置为1.2em，字体为楷体,颜色为黑色。试验结果为：河南师范大学《网页制作》实验报告2，在网页内部使用，试验结果为河南师范大学《网页制作》实验报告3，使用外部样式表设置，试验结果为：建立一个外部文件，且重名名为.css文本格式。输入代码为再在dreamweaver中引入外部文件，试验代码为：试验结果为：河南师范大学《网页制作》实验报告二；理解级联式样式中级联的含义1，在网页内部将,

的样式

4、设置为（font-weight:400;背景色为黄色）试验代码为：试验结果为：2，在网页内部将的样式设置为(font-style:italic;背景色为红色)河南师范大学《网页制作》实验报告试验代码为：试验结果为：3.设置CSS过滤器（1）将无序列表中的文字显示为手型（cursor:hand）河南师范大学《网页制作》实验报告试验结果为（1）将无序列表中的直辖市城市设置有为文本下划线（text-decoration:underline）河南师范大学《网页制作》实验报告试验结果为：六、实验心得理解”继承”和”重叠”的关系继承是字标记会继承父

5、标记的所有样式，并且可以在父标记样式风格的基础上再加以修改，产生新的样式。