JS和CSS常用的几种加载方式

这是最直接也最简单的方法，通过在HTML元素的style属性中直接编写CSS规则。示例：

<p style="color: red; font-size: 20px;">这是一段红色的文字。</p>

一种特别的写法：

<img width="120px" src="图片地址">  /*简写*/
<img style="width:120px;" src="图片地址">  /*常规内嵌*/

在一个HTML文档中使用

<head>
<style>
p    {color: red;
    font-size: 20px;   
}
</style>
</head>
<body>
<p>这是一段红色的文字。</p>
</body>

这是最常用的方法，它通过标签将外部的CSS文件链接到HTML文档中。这种方法的优势在于可以在多个页面间共享同一个样式文件，有助于保持代码的整洁和一致性。示例：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<p>这是一段红色的文字。</p>
</body>

其中，mystyle.css的内容可能如下：

p    {color: red;
     font-size: 20px; 
}

直接在HTML文件中书写JavaScript代码。

<script>
  // JavaScript code here
</script>

通过<script>标签的src属性引入外部的JS文件。

<script src="path/to/your/script.js"></script>