实验一CSS和HTML的结合方式 实验内容 使用文本编辑器(如记事本、 Editplus等,不允许使用 Dreamweaver等开发环境)练习CSS 与HTML结合的四种方式 实验任务 task_1文件夹下有如下5个文件 import.css 國 in line. css Cascading Style Sheet Document Cascading Style Sheet Document internal css link Cascading Style Sheet Document Cascading Style Sheet Document 1 KB template. html Firefox document 利用在HTML中应用样式表的四种方式,仅修改 template. htm,对 template. htm中的4 个<dv>分别应用样式。其中, 对cass=" inline"的<dv>以内联方式应用 Inline. css中的样式; 对cass=" interna"的<dv>以内部样式表的方式应用 internal css中的样式 对cass="link"的<dⅳ>以链接外部样式表的方式链接 link. css中的样式 对cass=" import"的<dv>以引入外部样式表的方式引入 import. css中的内容。 最终完成后的效果如下: S Mozilla Firefox a+.cx m Dfl /E: A Webm 3 H /LAB/Lab 3/HTML .G). coge G file: ///E:/TA/W.S/template. html x The style of this div is controlled by inline style The style of this div is controlled by internal style sheet The style of this div is controlled by imported external style sheet. The style of this div is controlled by linked external style sheet. 完成 G 实验提交物 task_1文件夹,包括 template. htm、 import.CSs以及link.Css实验一 CSS和HTML的结合方式 实验内容 使用文本编辑器(如记事本、Editplus等，不允许使用Dreamweaver等开发环境)练习CSS 与HTML结合的四种方式。 实验任务 task_1文件夹下有如下5个文件： 利用在HTML中应用样式表的四种方式，仅修改template.html，对template.html中的4 个<div>分别应用样式。其中， 对class="inline"的<div>以内联方式应用inline.css中的样式； 对class="internal"的<div>以内部样式表的方式应用internal.css中的样式； 对class="link"的<div>以链接外部样式表的方式链接link.css中的样式； 对class="import"的<div>以引入外部样式表的方式引入import.css中的内容。 最终完成后的效果如下： 实验提交物 task_1文件夹，包括template.html、import.css以及link.css