为什么我们要有外部CSS和JS文件

为什么我们要有外部CSS和JS文件

在这篇文章中,我们将了解到CSS和JS文件。我们将探讨它们的功能和在HTML文档中使用它们的不同方法。在了解了所有这些事情之后,我们将理解为什么我们有外部CSS和JS文件。

CSS是层叠样式表(Cascading Style Sheets)的缩写。CSS用于为你的网站和网页应用样式。它用于使网页看起来更容易理解,更有表现力,对用户更有吸引力。CSS文件可以用任何文本编辑器编写,但必须以.css为扩展名保存。

一个简单的HTML文件给你一个没有组织的信息的网页。为了组织这些信息并以适当的方式显示出来,我们使用CSS文件。CSS的一些用途包括背景颜色选择、字体大小选择、字体颜色、文件宽度等等。

在HTML文档中,有三种使用CSS的方式,即

内联 - 在内联CSS中,我们在标签中使用CSS属性,每个元素的CSS属性都与该元素本身相连。

内部或嵌入 - 在内部CSS中,我们在HTML文档的标题部分使用CSS属性。我们必须在标题部分创建一个<style>标签,其中包含HTML文档的所有样式。

外部 --在外部CSS中,我们在HTML文档之外定义一个单独的CSS文件,其中包含网页的所有样式。我们使用<link>标签将外部css文件与HTML文件连接起来,以获得应用于HTML标签的所有css属性。

例子

<!DOCTYPE html>
<html>
<head>
   <title>External CSS</title>
   <link rel="stylesheet" href="file.css">
</head>
<body>
   <h1>Computer Science </h1>
   <p>It is the most evolving sector of the industry and there are lot of job opportunities in this field in upcoming years.</p>
</body>
</html>

JS

JS是Java Script的缩写。它是一种网络编程语言,用于为网页提供自定义的 “行为”。通过使用JS,我们可以为网站增加互动性,使其在视觉上具有吸引力,有互动的乐趣,并增加了许多功能,使用户体验更加完善。主要有两种方法,我们可以在HTML文件中使用JS –

  • 内部JS– 在这种方法中,我们利用
  • 外部JS - 如果我们创建一个以.js为扩展名的文件,它就成为一个java脚本文件,并将包含我们网站的所有必要代码。为了将其与HTML文件连接起来,我们需要使用

    比方说,我们有一个内部JS文件,有几千行代码和很多功能。如果我们在网页上遇到一个不正常的行为,我们将不得不翻阅整个代码,这将是一个漫长的调试过程。

    Python教程

    Java教程

    Web教程

    数据库教程

    图形图像教程

    大数据教程

    开发工具教程

    计算机教程

    CSS 教程