一.CSS的3种加载方式

1.行内样式

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

<p style="color: red; font-size: 20px;">这是一段红色的文字。</p>
一种特别的写法:
<img width="120px" src="图片地址">  /*简写*/
<img style="width:120px;" src="图片地址">  /*常规内嵌*/

2.内嵌样式

在一个HTML文档中使用

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

3 外部样式

这是最常用的方法,它通过标签将外部的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; 
}

一.JS的2种加载方式

1.内联JavaScript:

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

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

2.外部JavaScript文件:

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

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



--end--