JavaScript文件和CSS文件与HTML界面的交互

CSS三种引用方式：

1、行内引用（缺点：代码冗余，不利于维护）

2、在head标签使用style标签集中书写在头部标签体中（缺点：代码复用性低，不能连续复用于多个页面）

<style type = "text/css" >

<style>

3、在外部建立 . css 文件 在HTML页面的head标签中  利用link标签引用外部 .css  文件（优点：目前开发的主流，代码复用性强）

<link rel = "stylesheet"  type= "text/css"  href="外部  .css  文件的路径"/>

script的外部文件引用方式

在html页面中的末尾 用script标签引出外部  扩展名为 . js  的文件（因为script是阻塞式加载，当浏览器加载script时，不能做其他事情，如果 .js 文件比较多的话会一直加载  .js  文件，用户界面会显示白屏，导致用户的体验不好，所以我们一般把script 代码放到  html页面最末端）